*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;background:#f5f5f5}#app{width:100vw;height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;overflow:hidden}.timeline-container{flex:1;display:flex;flex-direction:column;overflow:auto;position:relative}.timeline-header{height:50px;background:linear-gradient(to bottom,#fafafa,#f5f5f5);border-bottom:2px solid #ddd;position:relative;overflow:visible;flex-shrink:0;box-shadow:0 2px 4px #0000000d;margin-left:180px}.row-labels{width:120px;background:linear-gradient(to right,#fafafa,#f5f5f5);border-right:2px solid #ddd;position:absolute;top:50px;left:0;bottom:0;overflow:hidden;z-index:11;box-shadow:2px 0 4px #0000000d}.row-label-cell{position:absolute;left:0;width:100%;display:flex;align-items:center;justify-content:flex-start;padding:0 8px;font-size:13px;color:#333;font-weight:500;border-bottom:1px solid #e0e0e0;box-sizing:border-box;cursor:pointer;transition:background-color .15s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-label-cell:hover{background-color:#2196f314}.row-label-cell.empty{color:#999;font-style:italic}.row-totals{width:60px;background:linear-gradient(to right,#fafafa,#f5f5f5);border-right:2px solid #ddd;position:absolute;top:50px;left:120px;bottom:0;overflow:hidden;z-index:10;box-shadow:2px 0 4px #0000000d}.row-total-cell{position:absolute;left:0;width:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;font-weight:600;border-bottom:1px solid #e0e0e0;box-sizing:border-box}.date-cell{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;border-right:1px solid #e0e0e0;box-sizing:border-box;z-index:1}.date-cell.monday{background:#f5f8fa;font-weight:500}.date-cell.today{background:#e3f2fd;color:#1976d2;font-weight:600}.month-separator{position:absolute;top:0;height:20px;border-left:2px solid #999;pointer-events:none;z-index:2}.month-label{position:absolute;left:4px;top:2px;font-size:11px;font-weight:600;color:#333;background:linear-gradient(to bottom,#fafafa,#f5f5f5);padding:1px 6px;border-radius:3px;box-shadow:0 1px 3px #0000001a;white-space:nowrap}#canvas{flex:1;cursor:crosshair;background:#fff;margin-left:180px}.tooltip{position:absolute;background:#000000e6;color:#fff;padding:10px 14px;border-radius:6px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s ease;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #0000004d;line-height:1.5}.tooltip.visible{opacity:1}.tooltip>div{margin:2px 0}.tooltip>div:first-child{margin-top:0}.tooltip>div:last-child{margin-bottom:0}.toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:2px solid #e0e0e0;font-size:14px;box-shadow:0 1px 3px #0000000d}.toolbar button{padding:6px 14px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;transition:all .15s ease;font-weight:500}.toolbar button:hover{background:#f5f5f5;border-color:#bbb;transform:translateY(-1px)}.toolbar button:active{transform:translateY(0)}.toolbar button.active{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.toolbar button.destructive{background:#ffebee;border-color:#ef5350;color:#c62828}.toolbar button.destructive:hover{background:#ef5350;border-color:#d32f2f;color:#fff}.toolbar button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.toolbar label{display:flex;align-items:center;gap:6px;font-size:13px;color:#555}.toolbar input[type=number],.toolbar input[type=date]{padding:5px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;transition:border-color .15s ease}.toolbar input[type=number]{width:60px}.toolbar input[type=date]{cursor:pointer}.toolbar input[type=number]:focus,.toolbar input[type=date]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.status{margin-left:auto;color:#666;font-size:12px}.hashtag-summary-panel{width:300px;background:#fff;border-left:2px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:16px;border-bottom:2px solid #e0e0e0;background:linear-gradient(to bottom,#fafafa,#f5f5f5)}.panel-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.summary-content{flex:1;overflow-y:auto;padding:16px}.empty-message{color:#999;font-size:13px;font-style:italic;text-align:center;margin:20px 0}.overall-summary{margin-bottom:20px;padding:12px;border-radius:6px;background:linear-gradient(to bottom,#f0f7ff,#e8f4ff);border:1px solid #b3d9ff}.overall-title{font-size:14px;font-weight:600;color:#1976d2;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.summary-divider{height:1px;background:linear-gradient(to right,transparent,#ddd,transparent);margin:20px 0}.hashtag-item{margin-bottom:20px;padding:12px;border-radius:6px;background:#f9f9f9;border-left:4px solid}.hashtag-name{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;word-break:break-word}.hashtag-stat{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;margin:4px 0}.hashtag-stat-label{font-weight:500}.hashtag-stat-value{color:#333}