.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}.my-weight-chart-container{position:relative;width:100%;max-width:700px;margin:2em auto;-webkit-user-select:none;user-select:none}.my-weight-chart-area{position:relative;width:100%;height:0;padding-bottom:50%;background-color:#fcfcfc;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.my-weight-chart-area .axis path,.my-weight-chart-area .axis line{fill:none;stroke:#a0a0a0;stroke-width:1px;shape-rendering:crispEdges}.my-weight-chart-area .axis .tick text{fill:#555;font-size:11px}.my-weight-chart-area .axis-label{fill:#333;font-size:12px;text-anchor:middle}.my-weight-chart-area .hover-grid-lines line{stroke:#ccc;stroke-width:1px;stroke-dasharray:3,3}.my-weight-chart-area .endpoint-marker{r:5px;stroke:#fff;stroke-width:2px;cursor:pointer;transition:r .2s ease-out}.my-weight-chart-area .endpoint-marker.is-hovered{r:7px}.my-weight-chart-container .playback-controls{display:flex;align-items:center;gap:12px;margin-top:12px}.my-weight-chart-container .play-pause-button{flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid #ccc;border-radius:50%;background-color:#fff;cursor:pointer;position:relative;transition:background-color .2s}.my-weight-chart-container .play-pause-button:hover{background-color:#f0f0f0}.my-weight-chart-container .play-pause-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #333;transform:translate(-40%,-50%);transition:all .2s}.my-weight-chart-container.is-playing .play-pause-button:before{border-style:double;border-width:0 0 0 10px;height:14px;transform:translate(-50%,-50%)}.my-weight-chart-container .time-slider{flex-grow:1;width:100%;margin:0}.chart-controls{display:flex;flex-direction:column;gap:15px;margin-top:15px}.entry-content .pfc-pie-chart-container{max-width:600px;display:flex;flex-direction:column}.entry-content .pfc-pie-chart-container .chart-title{order:1}.entry-content .pfc-pie-chart-container .chart-controls-container{order:2}.entry-content .pfc-pie-chart-container .chart-area{order:3}.entry-content .pfc-pie-chart-area{position:relative;min-height:400px}.entry-content .pfc-pie-chart-container .chart-controls-container .pfc-radio-controls{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.entry-content .pfc-pie-chart-container .chart-controls-container .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}.entry-content .pfc-pie-chart-container .chart-controls-container .pfc-radio-controls label span{font-size:15px;font-weight:500;color:#555;transition:color .2s ease}.entry-content .pfc-pie-chart-container .chart-controls-container .pfc-radio-controls input[type=radio]{display:none}.entry-content .pfc-pie-chart-container .chart-controls-container .pfc-radio-controls label:has(input[type=radio]:checked){background-color:#007bff;box-shadow:0 2px 4px #4e79a74d}.entry-content .pfc-pie-chart-container .chart-controls-container .pfc-radio-controls label:has(input[type=radio]:checked) span{color:#fff}.entry-content .pfc-pie-chart-area svg{overflow:visible!important}.entry-content .pfc-pie-chart-area .segment{stroke:#fff;stroke-width:1.5px;cursor:pointer;transition:filter .2s ease-in-out}.entry-content .pfc-pie-chart-area .segment.is-hovered{filter:brightness(1.15)}.entry-content .pfc-pie-chart-area .center-value-label,.entry-content .pfc-pie-chart-area .center-value-amount{font-size:18px;font-weight:700;font-family:Menlo,Consolas,Courier New,monospace}.entry-content .pfc-pie-chart-area .legend-item text{font-family:Helvetica Neue,Arial,sans-serif;fill:#333;dominant-baseline:middle;font-size:14px}.entry-content .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}.entry-content .pfc-pie-chart-area .center-text-group{display:block}.entry-content .pfc-pie-chart-area .sub-values{display:none}.entry-content .pfc-pie-chart-area svg.is-narrow .center-text-group{display:none}.entry-content .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-controls{display:flex;align-items:center;gap:15px;margin-top:15px}.monthly-steps-controls .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-controls .play-pause-button:hover{border-color:#888;background-color:#f0f0f0}.monthly-steps-controls .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: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: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) .play-pause-button:hover:before{border-left-color:#333}.chart-container-wrapper.is-playing .play-pause-button:hover:before{background-color:#333}.monthly-steps-controls .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-controls .month-slider:hover{opacity:1}.monthly-steps-controls .month-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#38b2ac;cursor:pointer;border-radius:50%}.monthly-steps-controls .month-slider::-moz-range-thumb{width:20px;height:20px;background:#38b2ac;cursor:pointer;border-radius:50%;border:none}.monthly-steps-controls .slider-value-display{font-size:14px;font-family:monospace;color:#2c7a7b;min-width:80px;text-align:center}.entry-content .sleep-cycle-chart-area{position:relative;width:100%;height:450px}.entry-content .sleep-cycle-chart-container .endpoint-label{font-size:16px;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linecap:butt;stroke-linejoin:miter;transition:font-weight .2s ease-in-out}.entry-content .sleep-cycle-chart-container .endpoint-label.is-hovered{font-weight:900}.entry-content .sleep-cycle-chart-container .axis path,.entry-content .sleep-cycle-chart-container .axis line{stroke:#ccc}.entry-content .sleep-cycle-chart-container .axis text{fill:#555;font-size:12px}.entry-content .sleep-cycle-chart-container .axis-label{fill:#555;font-size:13px;text-anchor:middle}.entry-content .sleep-cycle-chart-container .chart-controls-container{display:flex;align-items:center;gap:15px;margin-top:15px}.entry-content .sleep-cycle-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}.entry-content .sleep-cycle-chart-container .play-pause-button:hover{border-color:#888;background-color:#f0f0f0}.entry-content .sleep-cycle-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}.entry-content .sleep-cycle-chart-container: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%)}.entry-content .sleep-cycle-chart-container:not(.is-playing) .play-pause-button:hover:before{border-left-color:#333}.entry-content .sleep-cycle-chart-container.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%)}.entry-content .sleep-cycle-chart-container.is-playing .play-pause-button:hover:before{border-color:#333}.entry-content .sleep-cycle-chart-container .time-slider{flex-grow:1}.entry-content .sleep-cycle-chart-container .current-year-display{font-size:1.1em;font-weight:700;color:#333;min-width:50px;text-align:center;font-family:monospace}.entry-content .sleep-cycle-chart-container .x-axis.is-narrow .tick text{transform:rotate(-45deg);text-anchor:end;dx:-.5em;dy:.5em}.entry-content .sleep-cycle-chart-container .y-axis.is-narrow .tick text{font-size:10px}.game-console-chart-container{display:flex;flex-direction:column}.game-console-chart-container>.chart-title{order:1}.game-console-chart-container>.chart-area{order:2}.game-console-chart-container>.chart-controls-container{order:3}.game-console-chart-container>.chart-legend-controls{order:4}.game-console-chart-area{position:relative;width:100%;aspect-ratio:2 / 1;background-color:#f9f9f9}.game-console-chart-area canvas,.game-console-chart-area svg{position:absolute;top:0;left:0;width:100%;height:100%}.chart-tooltip{position:absolute;background-color:#1e1e1e8c;color:#fff;padding:10px 15px;border-radius:6px;font-family:sans-serif;font-size:13px;line-height:1.5;pointer-events:none;transform:translate(-50%,-100%);transition:opacity .2s;white-space:nowrap;box-shadow:0 4px 8px #0003;z-index:10}.chart-tooltip .tooltip-name{font-weight:700;margin-bottom:5px;font-size:14px}.chart-tooltip .tooltip-value,.chart-tooltip .tooltip-months{display:flex;justify-content:space-between;align-items:baseline}.chart-tooltip .unit{font-size:11px;color:#ccc;margin-left:8px}.hover-grid-lines line{stroke:#aaa;stroke-width:1;stroke-dasharray:4 2;shape-rendering:crispEdges}.endpoint-marker{r:5;stroke:#fff;stroke-width:2;cursor:pointer;transition:all .2s ease}.endpoint-marker.is-hovered{r:8}.chart-legend-controls{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px}.legend-item{display:flex;align-items:center}.legend-item input[type=checkbox]{display:none}.legend-item label{display:inline-block;padding:6px 12px;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-family:sans-serif;font-size:13px;font-weight:700;text-align:center;min-width:30px;box-sizing:border-box;transition:all .2s ease;background-color:#f0f0f0;color:#555}.legend-item label:hover{border-color:#888}.legend-item input[type=checkbox]:checked+label{background-color:#007bff;color:#fff;border-color:#007bff}.chart-controls-container{padding:0}.game-console-controls{display:flex;flex-direction:column;gap:15px;margin-top:15px}.playback-controls{display:flex;align-items:center;gap:15px;width:100%}.bulk-controls{display:flex;flex-wrap:wrap;gap:10px}.bulk-control-button{padding:6px 16px;border:none;border-radius:50px;font-family:sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.bulk-control-button.select-all{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.bulk-control-button.select-all:hover{background-color:#d0efff}.bulk-control-button.deselect-all{background-color:#fff1f0;color:#f5222d;border:1px solid #ffa39e}.bulk-control-button.deselect-all:hover{background-color:#ffe0de}.bulk-control-button:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5;color:#a6a6a6;border-color:#d9d9d9}.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}.game-console-chart-container: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%)}.game-console-chart-container:not(.is-playing) .play-pause-button:hover:before{border-left-color:#333}.game-console-chart-container.is-playing .play-pause-button:before{width:12px;height:14px;border-style:double;border-width:0px 0px 0px 12px;border-color:#888;transform:translate(-50%,-50%)}.game-console-chart-container.is-playing .play-pause-button:hover:before{border-color:#333}.time-slider{flex-grow:1;-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#ddd;outline:none;border-radius:4px;margin:0;min-width:150px}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#2c7a7b;cursor:pointer;border-radius:50%}.time-slider::-moz-range-thumb{width:20px;height:20px;background:#2c7a7b;cursor:pointer;border-radius:50%;border:none}.game-console-area .axis path,.game-console-area .axis line{stroke:#ccc;shape-rendering:crispEdges}.game-console-area .axis .domain{stroke-width:1px}.game-console-area .axis text{font-family:Helvetica Neue,Arial,sans-serif;font-size:12px;fill:#555}.axis-label{font-family:sans-serif;font-size:13px;fill:#666;font-weight:500;text-anchor:middle}.game-console-controls .playback-controls{margin-bottom:12px}.game-console-controls .bulk-controls .bulk-control-button+.bulk-control-button{margin-left:8px}