:root{--bg:#eff7f4;--card:#fff;--accent:#0f8c8c;--accent-soft:rgba(15,140,140,.15);--ink:#0f2b33;--muted:#5d6e73;--line:rgba(15,43,51,.12);font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);min-height:100%}body{justify-content:center;align-items:stretch}.frame,body{display:flex}.frame{width:min(1200px,100%);min-height:100vh;padding:clamp(1.5rem,5vw,4rem);flex-direction:column;gap:2rem}.canvas{flex:1 1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.panel{background:var(--card);border-radius:32px;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--line);box-shadow:0 25px 70px rgba(15,43,51,.08);gap:1.5rem}.hero,.panel{display:flex;flex-direction:column}.hero{gap:1.25rem}.hero-title{font-size:clamp(2rem,6vw,3.6rem);letter-spacing:-.04em;margin:0}.hero-sub{font-size:clamp(1rem,3vw,1.25rem);color:var(--muted);margin:0}.controls,.view-row{display:flex;gap:.75rem;flex-wrap:wrap}.pill{border:1px solid var(--line);background:transparent;color:var(--ink);padding:.55rem 1.25rem;border-radius:999px;cursor:pointer;font-size:.95rem;transition:border-color .2s ease,color .2s ease,background .2s ease}.pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.metric{font-size:clamp(3rem,8vw,5.5rem);font-weight:600;letter-spacing:-.03em}.pulse-zone{gap:1.25rem;min-height:100%;justify-content:space-between}.pulse-zone,.pulse-zone-header{display:flex;flex-direction:column}.pulse-zone-header{gap:.5rem}.status-label{margin:0;color:var(--muted);font-size:1rem}.bpm-details{margin-top:.75rem;display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem;color:var(--muted)}.pulse-zone-idle{justify-content:center}.pulse-zone-frozen{justify-content:flex-start}.idle-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:1rem;flex:1 1;min-height:200px}.heart-icon{font-size:4rem;animation:pulse-heart 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(15,140,140,.2))}@keyframes pulse-heart{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.idle-hint{margin:0;color:var(--muted);font-size:1rem;text-align:center;max-width:280px}.zone-bar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0}.zone-bar-hint{font-size:.7rem;color:var(--muted);opacity:.4;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.zone-bar{width:100%;height:12px;border-radius:999px;background:linear-gradient(90deg,#d7f5f1,#59c9a5 50%,#ff9d66);position:relative;min-height:12px}.zone-indicator{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--ink);border:3px solid var(--card);transition:left .2s ease}.analysis{background:var(--accent-soft);border-radius:24px;padding:1rem 1.25rem;font-size:.95rem;line-height:1.4;animation:fade-in .3s ease-in;display:flex;align-items:flex-start;gap:.75rem;border:1px solid rgba(15,140,140,.2)}.analysis-icon{font-size:1.2rem;color:var(--accent);flex-shrink:0;margin-top:.1rem}.analysis-text{flex:1 1}@keyframes fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.diagram{width:100%;min-height:220px;border-radius:28px;background:radial-gradient(circle at 20% 20%,rgba(15,140,140,.25),transparent),#f6fffb;border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.diagram,.wrist{position:relative}.wrist{width:180px;height:180px;border-radius:45% 55% 40% 60%;background:linear-gradient(135deg,#ffe8d2,#ffd2b3)}.wrist:after,.wrist:before{content:"";position:absolute;background:rgba(15,43,51,.15);border-radius:999px}.wrist:before{width:80px;height:18px;top:35%;left:18%}.wrist:after{width:15px;height:15px;top:45%;right:15%;background:var(--accent);box-shadow:0 0 20px rgba(15,140,140,.5)}.diagram-labels{position:absolute;bottom:1rem;display:flex;gap:1rem;font-size:.85rem;color:var(--muted)}.tap-surface{border:1px dashed var(--line);border-radius:24px;padding:1.5rem;text-align:center;background:#f4fffd;cursor:pointer;transition:all .2s ease;transition-property:border-color,background,transform,box-shadow}.tap-surface:hover{border-color:var(--accent);background:rgba(15,140,140,.05);transform:translateY(-2px);box-shadow:0 4px 12px rgba(15,140,140,.1)}.tap-surface:active{border-color:var(--accent);background:rgba(15,140,140,.08);transform:translateY(0)}.footnote{font-size:.85rem;color:var(--muted);text-align:center}.seo-content{max-width:900px;margin-left:auto;margin-right:auto}.seo-content table{margin:1.5rem 0}.seo-content table td,.seo-content table th{border:1px solid var(--line)}.seo-content table tbody tr:hover{background:var(--accent-soft)}.seo-content h2{color:var(--accent);font-weight:600}.seo-content h3{color:var(--ink);font-weight:600}.seo-content ol,.seo-content ul{margin-bottom:1.5rem}.seo-content li{margin-bottom:.5rem}.feedback-widget{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.feedback-toggle{border:none;background:var(--ink);color:#fff;padding:.85rem 1.5rem;border-radius:999px;font-size:.95rem;cursor:pointer;box-shadow:0 12px 25px rgba(15,43,51,.25);transition:transform .2s ease,box-shadow .2s ease}.feedback-toggle:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(15,43,51,.3)}.feedback-panel{width:min(360px,calc(100vw - 2.5rem));background:#fff;border-radius:24px;border:1px solid var(--line);padding:1.25rem;box-shadow:0 25px 60px rgba(15,43,51,.2);animation:fade-in .3s ease}.feedback-panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.feedback-panel-label{margin:0;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.feedback-panel-header h3{margin:.25rem 0 0;font-size:1.1rem}.feedback-close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--muted)}.feedback-form{display:flex;flex-direction:column;gap:.9rem;margin-bottom:.5rem}.feedback-form label{font-size:.9rem;display:flex;flex-direction:column;gap:.35rem;color:var(--muted)}.feedback-form input,.feedback-form textarea{border-radius:16px;border:1px solid var(--line);padding:.75rem 1rem;font-size:.95rem;font-family:inherit;background:#f9fdfc}.feedback-form textarea{resize:vertical}.feedback-message{margin:.35rem 0 .75rem;font-size:.9rem}.feedback-message-success{color:#0f8c8c}.feedback-message-error{color:#c05746}.feedback-list{display:flex;flex-direction:column;gap:.75rem}.feedback-list-headline{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--muted)}.feedback-list-headline h4{margin:0;color:var(--ink)}.feedback-empty{margin:.5rem 0 0;font-size:.9rem;color:var(--muted)}.feedback-item{border:1px solid var(--line);border-radius:18px;padding:.85rem;display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;background:#fdfefe}.feedback-item h5{margin:0 0 .35rem;font-size:1rem}.feedback-item p{margin:0;font-size:.9rem;color:var(--muted)}.feedback-item-time{display:inline-block;margin-top:.4rem;font-size:.75rem;color:var(--muted)}.feedback-vote{border:none;background:var(--accent-soft);color:var(--accent);border-radius:16px;padding:.4rem .75rem;min-width:72px;display:flex;flex-direction:column;align-items:center;gap:.1rem;font-weight:600;cursor:pointer}.feedback-vote small{font-size:.75rem;font-weight:500;color:var(--muted)}.feedback-vote-disabled,.feedback-vote:disabled{opacity:.6;cursor:not-allowed}.reddit-share{display:flex;flex-direction:column;gap:1rem}.reddit-share-header{display:flex;flex-direction:column;gap:.5rem}.reddit-share-header h2{margin:0;font-size:clamp(1.5rem,3vw,2.2rem)}.reddit-share-button{border:none;border-radius:20px;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(120deg,#ff7849,#ff4500);color:#fff;font-weight:600;cursor:pointer;width:100%;text-align:left;box-shadow:0 15px 35px rgba(255,69,0,.35);transition:transform .2s ease,box-shadow .2s ease}.reddit-share-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(255,69,0,.45)}.reddit-share-button-full small{display:block;font-weight:400;opacity:.9;margin-top:.15rem;line-height:1.3}.reddit-share-icon{display:inline-flex;width:36px;height:36px;border-radius:12px;background:hsla(0,0%,100%,.2);align-items:center;justify-content:center}.reddit-share-icon svg{width:22px;height:22px}.comment-page{gap:1.5rem;padding-bottom:4rem}.comment-form,.comment-page{display:flex;flex-direction:column}.comment-form{gap:.9rem}.comment-form label{font-size:.9rem;color:var(--muted);display:flex;flex-direction:column;gap:.35rem}.comment-form input,.comment-form textarea{border-radius:16px;border:1px solid var(--line);padding:.75rem 1rem;font-size:.95rem;font-family:inherit;background:#f9fdfc}.comment-form textarea{resize:vertical}.comment-form-message{margin:0;font-size:.9rem}.comment-form-message-success{color:var(--accent)}.comment-form-message-error{color:#c05746}.comment-list{display:flex;flex-direction:column;gap:.75rem}@media (max-width:768px){.panel{padding:1.25rem}.diagram{min-height:180px}.seo-content table{font-size:.85rem}.seo-content table td,.seo-content table th{padding:.5rem}.feedback-widget{bottom:1rem;right:1rem}.reddit-share-body{grid-template-columns:1fr}}.blog-page{gap:0}.blog-article{gap:2rem}.blog-hero h1{margin:0;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.1}.blog-intro{font-size:1.1rem;color:var(--muted)}.blog-section{display:flex;flex-direction:column;gap:.9rem}.blog-section h2{margin:0;font-size:clamp(1.4rem,3vw,2rem);color:var(--accent)}.blog-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.blog-step-card{border:1px solid var(--line);border-radius:18px;padding:1rem;background:#f9fffd}.blog-table-wrapper{overflow-x:auto}.blog-table-wrapper table{width:100%;border-collapse:collapse;font-size:.95rem}.blog-table-wrapper td,.blog-table-wrapper th{border:1px solid var(--line);padding:.75rem;text-align:left}.blog-note{font-size:.95rem;color:var(--muted);background:var(--accent-soft);border-radius:14px;padding:.75rem 1rem}.blog-cta{align-items:flex-start}.blog-cta-note{margin:0;font-size:.95rem;color:var(--muted)}