.lunar-phase-container{font-family:Arial,sans-serif;position:relative;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.lunar-phase-header{background-color:var(--bg-secondary, #b7b8b3);color:var(--text-primary, #333);padding:10px;text-align:center}.lunar-phase-header h2{margin:0;font-size:18px;color:var(--text-primary, #333)}.lunar-phase-header p{margin:5px 0;font-size:14px;color:var(--text-secondary, #555)}.lunar-phase-blocks{position:relative;padding:20px 0}.major-phases-container{display:flex;justify-content:space-between;align-items:flex-start}.lunar-phase-block{text-align:center;flex:0 0 auto;width:20%;position:relative}.lunar-phase-block p{margin:3px 0;font-size:13px;line-height:1.2}.lunar-phase-block .lunar-phase-graphic+p{margin-top:5px}.lunar-phase-block .lunar-phase-graphic+p~p{margin-top:0}.lunar-phase-graphic{width:80px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:80px;line-height:80px}.intermediate-phase-block{position:absolute;text-align:center}.intermediate-phase-graphic{width:53px;height:53px;line-height:53px;font-size:40px;margin:0 auto;text-align:center}.current-date-line{position:absolute;width:3px;top:0}.current-date-line-inner{position:absolute;width:1px;height:100%;background:green;left:1px}.current-date-line-outer{position:absolute;width:1px;height:100%;background:#000}.current-date-line-outer.left{left:0}.current-date-line-outer.right{right:0}.transit-marker{position:absolute;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#000;z-index:2;cursor:pointer;transition:transform .2s}.void-marker{position:absolute;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#666,#333,#000);z-index:1;cursor:pointer;transition:transform .2s}.transit-marker:hover,.void-marker:hover{transform:scale(1.2)}.marker-line{position:absolute;width:2px;background:linear-gradient(to bottom,#fff 50%,#000 50%);z-index:0}.void-marker-line{position:absolute;width:2px;background:linear-gradient(to bottom,#fff 47%,#000 53%);z-index:0}.info-tooltip{position:fixed;background-color:#000000e6;color:#fff;padding:10px 12px;border-radius:6px;border:1px solid #444;box-shadow:0 2px 8px #0000004d;font-family:Arial,sans-serif;font-size:12px;line-height:1.4;z-index:1000000;max-width:200px;white-space:pre-wrap;display:block;opacity:1;visibility:visible}.ruler{position:absolute;background:var(--bg-secondary, #ccc);border-top:1px solid var(--border-subtle, #d3d3d3)}.ruler-tick{position:absolute;background:var(--text-primary, #000)}.ruler-tick-label{position:absolute;font-family:Arial,sans-serif;font-size:10px;color:var(--text-primary, #000);text-align:center;top:6px}.lunar-phase-block p{color:var(--text-primary, #333)}.debug-line{position:absolute;width:1px;height:100%;background:red;z-index:10;top:0}.debug-line-void{position:absolute;width:1px;height:100%;background:#000;z-index:10;top:0}.debug-line-transit{position:absolute;width:1px;height:100%;z-index:10;top:0}.tracker-bar{position:absolute;width:1px;background:#00f;z-index:20;display:none;pointer-events:none;opacity:1}.lunar-widget-vertical{overflow:hidden;position:relative}.lunar-vertical-header-external{position:relative;z-index:1;box-sizing:border-box}.lunar-vertical-header-external h2{font-size:14px;margin:0 0 2px}.lunar-vertical-header-external p{font-size:11px;margin:1px 0;line-height:1.3}.lunar-vertical-chart-area{position:relative;overflow:hidden}.lunar-widget-vertical .lunar-phase-graphic,.lunar-widget-vertical .intermediate-phase-graphic{transform:rotate(-90deg);transform-origin:center center}.lunar-widget-vertical .transit-marker{transform:rotate(-90deg) scale(1);transform-origin:center center}.lunar-widget-vertical .transit-marker:hover{transform:rotate(-90deg) scale(1.2)}.lunar-widget-vertical .void-marker{transform:rotate(-90deg) scale(1);transform-origin:center center}.lunar-widget-vertical .void-marker:hover{transform:rotate(-90deg) scale(1.2)}.lunar-widget-vertical .ruler-tick-label{transform:rotate(-90deg) translate(-50%)!important;transform-origin:left top;white-space:nowrap}.lunar-widget-vertical .tracker-bar{display:none!important}.lv-phase-row{font-family:Arial,sans-serif}.lv-label{color:var(--text-primary, #333);line-height:1.25;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.lv-label-left{font-weight:600;font-size:12px}.lv-label-right{font-size:11px;color:var(--text-secondary, #555)}.lv-tracker-bar{position:absolute;height:1px;background:#00f;z-index:20;pointer-events:none}