.tag-graph{width:100%;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0;margin:1.5rem 0;box-shadow:0 2px 4px rgba(0,0,0,5%);position:relative;overflow:hidden;transition:height .3s ease}.tag-graph svg{display:block;max-width:100%;height:auto;background-color:rgba(249,249,249,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:6px;position:relative;z-index:2}.tag-graph .node{cursor:pointer}.tag-graph .node:hover circle{stroke-width:3}.tag-graph .node text{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif;pointer-events:none;transition:font-size .3s ease}.post-tag-graph .current-post-tag circle{stroke:#ff7f0e;stroke-width:2px}.post-tag-graph .current-post-tag text{font-weight:700}.tag-graph-controls,.post-tag-graph-controls{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.9);padding:8px;border-radius:6px;border:1px solid #ddd;font-size:12px;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,.1);max-width:calc(100% - 20px);backdrop-filter:blur(4px)}.tag-graph-controls button,.post-tag-graph-controls button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s ease;margin-right:5px;margin-bottom:5px;white-space:nowrap}.tag-graph-controls button:hover,.post-tag-graph-controls button:hover{background-color:#e0e0e0}.tag-graph-controls button:active,.post-tag-graph-controls button:active{transform:translateY(1px)}.tag-graph-controls input,.post-tag-graph-controls input{padding:4px 6px;border-radius:4px;border:1px solid #ddd;font-size:12px;max-width:100%;box-sizing:border-box}.graph-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:10px;font-size:12px;padding:0 10px}.legend-item{display:flex;align-items:center;margin:5px 10px}.color-box{display:inline-block;width:12px;height:12px;margin-right:5px;border-radius:2px}.tag-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000;display:none;overflow-y:auto}.modal-content{background-color:#fff;margin:10% auto;padding:20px;width:90%;max-width:1e3px;border-radius:8px;max-height:80vh;overflow-y:auto;position:relative}.close-modal{position:absolute;top:10px;right:15px;font-size:24px;font-weight:700;cursor:pointer;color:#666;z-index:10}.close-modal:hover{color:#000}.series-tag-visualization{margin:2rem 0;padding:1rem;background-color:#f5f5f5;border-radius:8px}.series-post-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;margin-bottom:5px}.series-post-list li{padding:5px 10px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);font-size:14px}.series-post-list .current-series-post{background-color:#fff3e0;border-left:3px solid #ff7f0e}.current-indicator{font-size:.85em;color:#ff7f0e;font-style:italic}.tag-graph-loading{display:flex;justify-content:center;align-items:center;height:200px;text-align:center;color:#666;font-style:italic}.tag-graph-loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tag-tooltip{position:absolute;padding:8px 12px;background-color:rgba(0,0,0,.8);color:#fff;border-radius:4px;font-size:12px;pointer-events:none;z-index:1000;max-width:200px;white-space:normal;box-shadow:0 2px 5px rgba(0,0,0,.2)}.tag-explorer{display:grid;grid-template-columns:1fr;grid-gap:20px;margin:2rem 0}.tag-explorer .controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.tag-explorer .controls input{flex-grow:1;min-width:150px;padding:8px 10px;border:1px solid #ddd;border-radius:4px}.tag-explorer .tag-details{background:#f9f9f9;border-radius:4px;padding:15px;border:1px solid #e0e0e0}.post-tags-list{margin-top:20px}.post-tags-list ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.post-tags-list li a{display:inline-block;padding:4px 10px;background-color:#f0f0f0;border-radius:15px;font-size:14px;color:#555;text-decoration:none;transition:all .2s ease}.post-tags-list li a:hover{background-color:#e0e0e0;color:#333}.current-page{font-weight:700;color:#ff7f0e}.sidebar-tag-widget{margin-bottom:30px}.sidebar-tag-widget .tag-graph{height:200px}.all-tags-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.all-tags-list li a{display:inline-block;padding:3px 8px;background-color:#f0f0f0;border-radius:3px;font-size:12px;color:#555;text-decoration:none}.all-tags-list li a:hover{background-color:#e0e0e0}@media(max-width:767px){.tag-graph{height:300px!important}.sidebar-tag-widget .tag-graph{height:180px!important}.tag-graph-controls,.post-tag-graph-controls{top:5px;right:5px;padding:5px;max-width:calc(100% - 10px)}.tag-graph-controls button,.post-tag-graph-controls button{padding:6px 10px;margin-bottom:5px;font-size:14px;width:100%;display:block}.tag-graph text{font-size:10px!important}.tag-graph .node circle{r:7}.modal-content{margin:5% auto;width:95%;padding:15px;max-height:90vh}.series-post-list{flex-direction:column;align-items:stretch}.series-post-list li{margin-bottom:5px}.tag-explorer{grid-template-columns:1fr}.tag-explorer .controls{flex-direction:column}.tag-explorer .controls input,.tag-explorer .controls button,.tag-explorer .controls select{width:100%;margin-bottom:5px}}@media(min-width:768px) and (max-width:1023px){.tag-graph{height:400px!important}.tag-explorer{grid-template-columns:1fr}.sidebar-tag-widget .tag-graph{height:220px!important}}@media(min-width:1024px){.tag-graph{height:500px!important}.tag-explorer{grid-template-columns:70% 30%}.tag-explorer .controls{grid-column:1/3}.tag-explorer .visualization{grid-column:1}.tag-explorer .tag-details{grid-column:2}.tag-tooltip{padding:10px 15px;font-size:14px;max-width:250px}.tag-graph .node:hover{transform:scale(1.15)}}.tag-graph-controls button:focus,.post-tag-graph-controls button:focus,.tag-explorer .controls input:focus,.tag-explorer .controls button:focus,.tag-explorer .controls select:focus{outline:2px solid #4d90fe;outline-offset:2px}@media print{.tag-graph{border:1px solid #ddd;background-color:#fff!important;box-shadow:none}.tag-graph-controls,.post-tag-graph-controls,.tag-explorer .controls{display:none}.tag-graph text{fill:#000!important}.tag-graph line{stroke:#666!important}}.dark .tag-graph{background-color:#222;border-color:#444}.dark .tag-graph text{fill:#ddd}.dark .tag-graph-controls,.dark .post-tag-graph-controls{background:rgba(40,40,40,.9);border-color:#444;color:#ddd}.dark .tag-graph-controls button,.dark .post-tag-graph-controls button{background-color:#333;border-color:#555;color:#ddd}.dark .tag-graph-controls button:hover,.dark .post-tag-graph-controls button:hover{background-color:#444}.dark .tag-graph-controls input,.dark .post-tag-graph-controls input{background-color:#333;border-color:#555;color:#ddd}.dark .post-tags-list li a,.dark .all-tags-list li a{background-color:#333;color:#ddd}.dark .post-tags-list li a:hover,.dark .all-tags-list li a:hover{background-color:#444}.dark .tag-explorer .tag-details,.dark .modal-content,.dark .series-post-list li{background-color:#222;border-color:#444;color:#ddd}.dark .series-post-list .current-series-post{background-color:#452500}.dark .tag-tooltip{background-color:rgba(60,60,60,.9)}.dark .close-modal{color:#aaa}.dark .close-modal:hover{color:#ddd}:root{--tag-graph-bg:#f9f9f9;--tag-graph-border:#e0e0e0;--tag-graph-highlight:#ff7f0e;--tag-graph-link:#999;--tag-graph-text:#333;--tag-graph-control-bg:rgba(255, 255, 255, 0.9);--tag-graph-button-bg:#f0f0f0;--tag-graph-button-hover:#e0e0e0}.tag-graph{background-color:var(--tag-graph-bg,#f9f9f9);border-color:var(--tag-graph-border,#e0e0e0)}.post-tag-graph .current-post-tag circle{stroke:var(--tag-graph-highlight,#ff7f0e)}.tag-graph text{fill:var(--tag-graph-text,#333)}.tag-graph-controls,.post-tag-graph-controls{background:var(--tag-graph-control-bg,rgba(255,255,255,.9))}.tag-graph-controls button,.post-tag-graph-controls button{background-color:var(--tag-graph-button-bg,#f0f0f0)}.tag-graph-controls button:hover,.post-tag-graph-controls button:hover{background-color:var(--tag-graph-button-hover,#e0e0e0)}