.chart-container-wrapper{position:relative;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px auto;width:100%;box-sizing:border-box}.chart-area{width:100%}.chart-area svg{display:block;width:100%;height:auto}.entry-content .chart-container-wrapper .chart-title{margin-top:0;margin-bottom:15px;padding:0;border:none;background:none;font-size:1.2em;font-weight:700;color:#333;text-align:center}.chart-area .chart-message{font-family:sans-serif;padding:1rem;border-radius:4px;text-align:center;min-height:200px;display:flex;justify-content:center;align-items:center;font-weight:700;box-sizing:border-box}.chart-area .chart-message.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.chart-area .chart-message.warning{color:#856404;background-color:#fff3cd;border:1px solid #ffeeba}.weight-chart-area .line{fill:none;stroke:red;stroke-width:2px}.weight-chart-area .axis path,.weight-chart-area .axis line{fill:none;stroke:gray;stroke-width:1px;shape-rendering:crispEdges}.weight-chart-area .axis text{font-family:sans-serif;font-size:10px}.weight-chart-area .grid .tick line{stroke:#d3d3d3;stroke-opacity:.7;shape-rendering:crispEdges;stroke-dasharray:2,2}.weight-chart-area .grid .domain{display:none}.weight-chart-area .data-label-bg{fill:red}.weight-chart-area .data-label{font-family:sans-serif;font-size:10px;fill:#fff;text-anchor:middle}.weight-chart-area .axis-label{font-size:12px;text-anchor:middle}.weight-chart-area .legend-text{font-size:12px}.weight-chart-area .legend-color-chip{fill:red}.weight-chart-area .is-hidden{visibility:hidden}.weight-chart-container .replay-button-container{text-align:center;margin-top:15px}.weight-chart-container .replay-button{padding:8px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.weight-chart-container .replay-button:hover{background-color:#0056b3}.weight-chart-container .replay-button:active{background-color:#004085}.weight-chart-area .x.axis.is-narrow .tick text{transform:rotate(-45deg);text-anchor:end;dx:-.8em;dy:.15em}.pfc-pie-chart-container{max-width:600px}.pfc-pie-chart-area{position:relative;min-height:400px}.pfc-pie-chart-area .pfc-radio-controls{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.pfc-pie-chart-area .pfc-radio-controls label{display:inline-flex;align-items:center;justify-content:center;background-color:#e0e0e0;padding:8px 16px;border-radius:20px;cursor:pointer;transition:background-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.pfc-pie-chart-area .pfc-radio-controls label span{font-size:15px;font-weight:500;color:#555;transition:color .2s ease}.pfc-pie-chart-area .pfc-radio-controls input[type=radio]{display:none}.pfc-pie-chart-area .pfc-radio-controls label:has(input[type=radio]:checked){background-color:#007bff;box-shadow:0 2px 4px #4e79a74d}.pfc-pie-chart-area .pfc-radio-controls label:has(input[type=radio]:checked) span{color:#fff}.pfc-pie-chart-area svg{overflow:visible!important}.pfc-pie-chart-area .segment{stroke:#fff;stroke-width:1.5px;cursor:pointer;transition:filter .2s ease-in-out}.pfc-pie-chart-area .segment.is-hovered{filter:brightness(1.15)}.pfc-pie-chart-area .center-value-label,.pfc-pie-chart-area .center-value-amount{font-size:18px;font-weight:700;font-family:Menlo,Consolas,Courier New,monospace}.pfc-pie-chart-area .legend-item text{font-family:Helvetica Neue,Arial,sans-serif;fill:#333;dominant-baseline:middle;font-size:14px}.pfc-pie-chart-area .sub-value-item{font-family:Menlo,Consolas,Courier New,monospace;font-size:16px;font-weight:700;text-anchor:start}.pfc-chart-tooltip{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;position:absolute;pointer-events:none;z-index:9999;background-color:#000000d9;color:#fff;border-radius:5px;padding:8px 12px;max-width:220px;text-align:left}.pfc-chart-tooltip.is-visible{opacity:1;visibility:visible}.pfc-chart-tooltip .tooltip-main-text{font-size:15px;line-height:1.3;margin:0;padding:0}.pfc-chart-tooltip .tooltip-sub-text{font-size:13px;line-height:1.3;color:#e0e0e0;margin:2px 0 0;padding:0}.pfc-pie-chart-area .center-text-group{display:block}.pfc-pie-chart-area .sub-values{display:none}.pfc-pie-chart-area svg.is-narrow .center-text-group{display:none}.pfc-pie-chart-area svg.is-narrow .sub-values{display:block}.monthly-steps-chart-area .x-axis path,.monthly-steps-chart-area .x-axis line,.monthly-steps-chart-area .y-axis path,.monthly-steps-chart-area .y-axis line{stroke:#ccc}.monthly-steps-chart-area .x-axis text,.monthly-steps-chart-area .y-axis text{fill:#555;font-size:1em;text-anchor:middle;transform:none;transition:transform .3s ease,text-anchor .3s ease}.monthly-steps-chart-area .y-axis .tick text{text-anchor:end;transform:translate(-5px)}.monthly-steps-chart-area .x-axis.is-narrow .tick text{text-anchor:end;transform:rotate(-45deg) translate(-6px,-4px)}.monthly-steps-chart-area .bar{transition:opacity .2s ease-in-out}.monthly-steps-chart-area .bar:hover{opacity:.8}.monthly-steps-chart-area .bar-label{font-size:.7em;font-weight:700;fill:#333;text-anchor:middle}.monthly-steps-chart-area .chart-timer{font-size:2.2em;font-weight:700;fill:#4a5568;opacity:.8;text-anchor:end}.monthly-steps-chart-container .chart-controls{display:flex;align-items:center;gap:15px;margin-top:15px}.monthly-steps-chart-container .play-pause-button{width:36px;height:36px;border:2px solid #ccc;border-radius:50%;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.monthly-steps-chart-container .play-pause-button:hover{border-color:#888;background-color:#f0f0f0}.monthly-steps-chart-container .play-pause-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;box-sizing:border-box;transition:all .2s ease}.chart-container-wrapper:not(.is-playing) .monthly-steps-chart-container .play-pause-button:before{border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #888;transform:translate(-45%,-50%)}.chart-container-wrapper.is-playing .monthly-steps-chart-container .play-pause-button:before{width:14px;height:14px;border-style:solid;border-width:0;background-color:#888;clip-path:polygon(0 0,35% 0,35% 100%,0% 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}.chart-container-wrapper:not(.is-playing) .monthly-steps-chart-container .play-pause-button:hover:before{border-left-color:#333}.chart-container-wrapper.is-playing .monthly-steps-chart-container .play-pause-button:hover:before{background-color:#333}.monthly-steps-chart-container .month-slider{flex-grow:1;-webkit-appearance:none;width:100%;height:8px;background:#e2e8f0;border-radius:5px;outline:none;opacity:.8;transition:opacity .2s}.monthly-steps-chart-container .month-slider:hover{opacity:1}.monthly-steps-chart-container .month-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#38b2ac;cursor:pointer;border-radius:50%}.monthly-steps-chart-container .month-slider::-moz-range-thumb{width:20px;height:20px;background:#38b2ac;cursor:pointer;border-radius:50%;border:none}.monthly-steps-chart-container .slider-value-display{font-size:14px;font-family:monospace;color:#2c7a7b;min-width:80px;text-align:center}.sleep-cycle-chart-container .chart-main-content{position:relative}.sleep-cycle-chart-container .line-path{fill:none;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;opacity:0;transition:opacity .3s ease,stroke-width .3s ease;cursor:pointer}.sleep-cycle-chart-container .line-path.is-visible{opacity:.8}.sleep-cycle-chart-container .legend-text-label{font-size:16px;font-weight:700;cursor:pointer;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0;transition:opacity .3s ease,font-weight .3s ease,transform .3s ease}.sleep-cycle-chart-container .legend-text-label.is-visible{opacity:1}.sleep-cycle-chart-container.is-legend-hovered .line-path{opacity:.2}.sleep-cycle-chart-container.is-legend-hovered .legend-text-label{opacity:.3}.sleep-cycle-chart-container.is-legend-hovered .line-path.is-hovered{opacity:1;stroke-width:4px}.sleep-cycle-chart-container.is-legend-hovered .legend-text-label.is-hovered{opacity:1;font-weight:900}.sleep-cycle-chart-container .x-axis path,.sleep-cycle-chart-container .x-axis line,.sleep-cycle-chart-container .y-axis path,.sleep-cycle-chart-container .y-axis line{stroke:#ccc}.sleep-cycle-chart-container .x-axis text,.sleep-cycle-chart-container .y-axis text{fill:#555;font-size:12px}.chart-controls-container{padding:0}.chart-controls{display:flex;align-items:center;gap:15px;margin-top:15px}.play-pause-button{width:36px;height:36px;border:2px solid #ccc;border-radius:50%;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.play-pause-button:hover{border-color:#888;background-color:#f0f0f0}.play-pause-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;box-sizing:border-box;transition:all .2s ease}.chart-container-wrapper:not(.is-playing) .play-pause-button:hover:before{border-left-color:#333}.chart-container-wrapper.is-playing .play-pause-button:hover:before{background-color:#333}.chart-container-wrapper:not(.is-playing) .play-pause-button:before{border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #888;transform:translate(-45%,-50%)}.chart-container-wrapper.is-playing .play-pause-button:before{width:14px;height:14px;border-style:double;border-width:0px 0px 0px 14px;border-color:#888;transform:translate(-50%,-50%)}.year-slider{flex-grow:1;-webkit-appearance:none;width:100%;height:8px;background:#ddd;outline:none;border-radius:4px}.year-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#2c7a7b;cursor:pointer;border-radius:50%}.year-slider::-moz-range-thumb{width:20px;height:20px;background:#2c7a7b;cursor:pointer;border-radius:50%;border:none}.slider-value-display{font-size:14px;font-family:monospace;color:#555;min-width:50px;text-align:center}.sleep-cycle-chart-container .current-year-display{font-size:4rem;font-weight:900;fill:#b4e0fa;text-anchor:end;dominant-baseline:alphabetic;-webkit-user-select:none;user-select:none;pointer-events:none}.sleep-cycle-chart-container .grid-lines .tick line{stroke:#e2e8f0;stroke-dasharray:2,3}.sleep-cycle-chart-container .grid-lines .domain{display:none}.sleep-cycle-chart-container .x-axis.is-narrow .tick text{transform:rotate(-45deg);text-anchor:end;dx:-.5em;dy:.5em}.sleep-cycle-chart-container .y-axis.is-narrow .tick text{font-size:10px}