@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;color:#1a1a1a;line-height:1.4;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:30px 20px}.locked-wrapper{position:relative;margin-top:28px;overflow:hidden}.locked-wrapper:first-of-type{margin-top:0}.locked-wrapper .locked-overlay{display:none}.locked-wrapper.is-locked .locked-target{filter:blur(0.9px) saturate(112%);opacity:0.94;pointer-events:none;user-select:none;transform:scale(1.001);transition:filter .3s ease,opacity .3s ease}.locked-wrapper.is-locked .locked-overlay{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;padding:36px 28px;background:rgba(248,250,255,0.58);backdrop-filter:blur(9px) saturate(180%);border-radius:16px;border:1px solid rgba(148,163,184,0.32);box-shadow:0 28px 48px rgba(15,23,42,0.12);z-index:20}.locked-wrapper.is-locked .locked-overlay::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.32),rgba(255,255,255,0.06));border-radius:inherit;pointer-events:none}.locked-overlay-content{max-width:480px;position:relative;z-index:1}.locked-overlay-title{font-size:1.1rem;font-weight:700;color:#111827;margin-bottom:12px}.locked-overlay-text{color:#4b5563;font-size:0.95rem;line-height:1.6;margin-bottom:20px}.locked-overlay-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.locked-overlay-actions .btn{min-width:150px}.locked-basic-note{margin-top:8px;color:#4b5563;font-size:0.92rem}.party-name-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;font-weight:700;font-size:0.95rem;color:#fff;margin-right:8px;letter-spacing:.02em}.cluster-section-title{margin-top:48px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid #e8e8e8;padding-bottom:20px}.header-left{display:flex;align-items:center;gap:16px;position:relative}.logo{font-size:2rem;font-weight:700;color:#1a1a1a;letter-spacing:.05em;cursor:pointer;user-select:none}.logo:hover{color:#333}.header-right{display:flex;gap:10px}.btn-top{display:inline-block;background:#1a1a1a;color:#fff;padding:8px 20px;font-size:.85rem;font-weight:600;border-radius:6px;text-decoration:none;border:0;cursor:pointer}.btn-top:hover{background:#333}.graph-comment-link{border:none;background:transparent;color:#64748b;font-size:0.78rem;font-weight:500;padding:4px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:color .2s ease,background .2s ease;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.graph-comment-link:hover{color:#1d4ed8;background:rgba(37,99,235,0.08)}.graph-comment-link:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.graph-comment-link .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2563eb}.graph-comment-link[disabled]{opacity:0.35;cursor:default}.graph-comment-link[disabled]:hover{color:#64748b;background:transparent}.subtitle{color:#666;font-size:1rem;margin-top:8px}.other-features-section .personality-section-header{margin:0 0 30px 0;padding-bottom:8px;border-bottom:2px solid #e0e0e0}.other-features-section .personality-section-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1a1a1a}.diagnosis-banner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 28px;padding:18px 20px;border-radius:12px;border:1px solid #f1c6c6;background:#fff7f7;box-shadow:0 14px 30px rgba(201,75,75,0.1)}.diagnosis-banner__text{font-size:.95rem;color:#7f1d1d;font-weight:600}.diagnosis-banner__button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:#c94b4b;color:#fff;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.diagnosis-banner__button::after{content:'↺';font-size:1rem}.diagnosis-banner__button:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(201,75,75,0.18)}.mini-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.1);padding:10px 0;min-width:240px;z-index:2000;opacity:0;visibility:hidden;transition:all .2s ease}.mini-menu.active{opacity:1;visibility:visible}.mini-menu::before{content:'';position:absolute;top:-6px;left:20px;transform:rotate(45deg);width:12px;height:12px;background:#fff;border:1px solid #e0e0e0;border-bottom:none;border-right:none}.menu-item{display:block;padding:8px 20px;color:#333;font-size:.9rem;font-weight:500;text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background-color .2s}.menu-item:hover{background-color:#f0f1f3}.overall-section-pc{display:flex;gap:32px;margin:16px 0;align-items:flex-start}.pie-chart-container-pc{display:flex;flex-direction:column;gap:16px;flex:1}.pie-chart-wrapper-pc{width:320px;height:320px;flex-shrink:0}.pie-breakdown-pc{width:300px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.pie-chart-container{display:none;flex-direction:column;align-items:center;gap:16px;margin:16px 0}.pie-chart-wrapper{width:200px;height:200px;margin:0 auto}.pie-breakdown{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:320px}.breakdown-item{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;padding:6px 8px;border-radius:4px;background:#f8f9fa;border-left:4px solid transparent}.breakdown-color{width:12px;height:12px;border-radius:2px;margin-right:6px;flex-shrink:0}.breakdown-label{flex:1;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:4px}.breakdown-value{font-weight:700;color:#1a1a1a;font-size:.85rem;flex-shrink:0}.breakdown-item-pc{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;padding:8px 12px;border-radius:4px;background:#f8f9fa;border-left:4px solid transparent}.breakdown-color-pc{width:14px;height:14px;border-radius:2px;margin-right:8px;flex-shrink:0}.breakdown-label-pc{flex:1;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.breakdown-value-pc{font-weight:700;color:#1a1a1a;font-size:.9rem;flex-shrink:0}.pie-chart-date-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;opacity:0;transition:opacity 0.6s ease-in-out}.pie-chart-date-overlay.show{opacity:1}.pie-chart-wrapper{position:relative}.pie-chart-wrapper-pc{position:relative}.pie-chart-date-pc .date-month{font-size:1.4rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:4px}.pie-chart-date-pc .date-day{font-size:4.5rem;font-weight:800;color:#1a1a1a;line-height:0.9;letter-spacing:-0.05em}.pie-chart-date-pc .date-label{font-size:0.9rem;color:#666;text-transform:uppercase;letter-spacing:0.1em;margin-top:4px}.pie-chart-date-overlay:not(.pie-chart-date-pc) .date-month{font-size:1.0rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:2px}.pie-chart-date-overlay:not(.pie-chart-date-pc) .date-day{font-size:3.2rem;font-weight:800;color:#fff;line-height:0.9;letter-spacing:-0.05em}.pie-chart-date-overlay:not(.pie-chart-date-pc) .date-label{font-size:0.7rem;color:#fff;text-transform:uppercase;letter-spacing:0.1em;margin-top:2px}.my-party-section-pc{width:420px;flex-shrink:0;background:transparent;border-radius:0;padding:0;box-shadow:none;border:none;height:fit-content}.my-party-section{display:none;width:100%;background:transparent;border-radius:0;padding:0;box-shadow:none;border:none;height:fit-content}.my-party-chart-container{background:transparent;padding:0;border:none;border-radius:0;box-shadow:none}.vertical-bar-chart{display:flex;align-items:end;justify-content:center;gap:12px;height:280px;background:transparent;border:none;border-radius:0;padding:20px 0 0 0;margin:12px 0;border-bottom:3px solid #333;position:relative}.vertical-bar{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:50px;cursor:pointer}.vertical-bar-segment{width:100%;border-radius:4px 4px 0 0;display:flex;align-items:end;justify-content:center;font-size:.8rem;font-weight:600;color:#fff;min-height:25px;transition:opacity 0.2s}.vertical-bar-segment:hover{opacity:0.8}.vertical-bar-label{display:none}.chart-container{padding:0;border:none;border-radius:0;box-shadow:none}.bar-chart{display:flex;height:40px;background:#f8f9fa;border:1px solid #eee;border-radius:6px;overflow:hidden;margin:12px 0;width:100%;max-width:100%}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:15px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#444}.legend-color{width:14px;height:14px;border-radius:3px}.controls{display:flex;align-items:center;gap:14px;margin-top:10px}.controls label{font-size:.9rem;color:#333;cursor:pointer}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#6b7280}.loading-status-text{color:#6b7280;font-size:0.9rem;margin-top:10px;text-align:center}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #666;border-radius:50%;animation:spin 1s linear infinite;margin:10px auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.topic-switching-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999;display:flex;align-items:center;justify-content:center}.topic-switching-content{background:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,0.3);min-width:300px}.topic-switching-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1a1a1a;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px auto}.topic-switching-text{font-size:1.1rem;font-weight:600;color:#1a1a1a}.section{margin-bottom:40px}.section-title-row{display:flex;align-items:baseline;gap:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e0e0e0;flex-wrap:wrap}.section-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;padding:0;border:none}.section-nav-links{display:flex;gap:8px;align-items:center}.section-nav-link{font-size:.8rem;color:#4b5563;text-decoration:none;font-weight:500;padding:4px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;transition:all .15s}.section-nav-link:hover{color:#2563eb;background:#eef2ff;border-color:#c7d2fe}.section-description{color:#666;font-size:.95rem;margin-bottom:25px}.cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.comment-section{margin-top:48px;border:none;border-radius:0;background:none;padding:24px}.comment-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.comment-title{font-size:1.25rem;font-weight:700;color:#1e293b}.comment-note{font-size:.9rem;color:#64748b;margin-top:4px}.comment-count{font-size:.95rem;color:#475569}.comment-list{display:flex;flex-direction:column;gap:14px}.comment-item{display:flex;gap:14px;padding:14px 16px;border-radius:0;background:none;border:none;border-bottom:1px solid #e2e8f0;box-shadow:none}.comment-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:#2563eb;font-size:.8rem}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#64748b;margin-bottom:6px;flex-wrap:wrap}.comment-author{font-weight:600;color:#334155}.comment-content{font-size:1rem;color:#1f2937;line-height:1.6;white-space:pre-wrap;word-break:break-word}.comment-actions{margin-top:10px;display:flex;gap:12px;font-size:.85rem}.comment-action{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:600;padding:0}.comment-action.delete{color:#ef4444}.comment-empty{padding:40px 20px;text-align:center;color:#64748b;background:none;border:none;border-radius:0}.comment-form{border:none;border-radius:0;background:none;padding:18px;margin-bottom:18px}.comment-textarea{width:100%;min-height:110px;border:1px solid #cbd5f5;border-radius:12px;padding:12px;font-family:inherit;font-size:1rem;line-height:1.6;resize:vertical}.comment-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px;flex-wrap:wrap}.comment-submit{background:#2563eb;color:#fff;border:none;border-radius:12px;padding:10px 22px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.comment-submit:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(37,99,235,0.2)}.comment-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.comment-login-hint{margin-top:12px;font-size:.9rem;color:#475569}.btn{display:inline-block;padding:10px 18px;border-radius:8px;border:none;background:#111827;color:#fff;cursor:pointer;font-weight:600;text-decoration:none;font-size:.9rem}.btn:hover{background:#2b2f36}.btn-outline{background:#fff;color:#111;border:1px solid #e5e7eb}.btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.cluster-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:340px;border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.cluster-card:hover{background:#f3f4f6;border-color:#e5e7eb}.cluster-card::after{content:'\2192';position:absolute;right:6px;top:50%;transform:translateY(-50%) translateX(6px);opacity:0;color:#9ca3af;transition:opacity .15s ease,transform .15s ease;pointer-events:none}.cluster-card:hover::after{opacity:.9;transform:translateY(-50%) translateX(0)}.cluster-card.is-hover{background:#f3f4f6;border-color:#e5e7eb}.cluster-card.is-hover::after{opacity:.9;transform:translateY(-50%) translateX(0)}.cluster-card--disabled{cursor:default;background:#f9fafb;border-color:#e5e7eb}.cluster-card--disabled::after{display:none}.cluster-card--disabled:hover{background:#f9fafb;border-color:#e5e7eb}.cluster-card .card-header{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;color:#111;border-radius:8px;padding:6px 10px}.cluster-card .card-header-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cluster-card .card-header-icon svg{width:18px;height:18px}.cluster-card[class*='cls-'] .card-header{background:var(--cls-bg,#f8f9fa);color:var(--cls-fg,#111)}.cluster-card .card-main{min-height:230px;display:flex;align-items:center;justify-content:center}.cluster-card .card-attach{display:flex;justify-content:flex-end;margin:8px 0 4px;width:100%}.cluster-card .card-attach .graph-comment-link{font-size:.72rem;color:#6b7280}.cluster-card .card-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:8px}.cluster-card .graph-comment-link{margin-left:auto;font-size:.72rem;color:#6b7280}.cluster-card .graph-comment-link:hover{color:#1d4ed8}.cluster-card .card-footer .btn[disabled]{opacity:0.5;cursor:not-allowed;pointer-events:none}.locked-demo-bars{position:relative;display:flex;gap:18px;justify-content:center;align-items:flex-end;margin:16px auto 10px;max-width:420px;padding:0 18px;opacity:0.96}.locked-demo-bar{flex:0 0 60px;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,var(--bar-color,#3b82f6) 0%,rgba(30,41,59,0.85) 92%);height:var(--bar-height,60%);min-height:90px;position:relative;box-shadow:0 16px 34px rgba(15,23,42,0.18)}.locked-demo-bar::after{content:attr(data-label);position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);color:#475569;font-size:0.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.locked-demo-bar::before{content:attr(data-value);position:absolute;top:-24px;left:50%;transform:translateX(-50%);color:#1f2937;font-size:0.82rem;font-weight:700}.locked-demo-legend{display:flex;justify-content:center;gap:16px;margin-top:12px;flex-wrap:wrap;font-size:0.82rem;color:#475569}.locked-demo-legend span{display:flex;align-items:center;gap:6px}.locked-demo-legend span::before{content:'';display:block;width:10px;height:10px;border-radius:2px;background:var(--legend-color,#2563eb)}.locked-demo-pies{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:24px;justify-items:center;margin:16px 0 18px;opacity:0.96}.locked-demo-pie-card{width:100%;max-width:220px;background:rgba(17,24,39,0.94);border-radius:16px;padding:18px 16px;color:#f8fafc;box-shadow:0 20px 40px rgba(15,23,42,0.28);display:flex;flex-direction:column;align-items:center;gap:12px}.locked-demo-pie-title{font-weight:700;font-size:0.95rem;letter-spacing:.02em;text-align:center}.locked-demo-pie{width:140px;height:140px;border-radius:50%;background:#0f172a;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.locked-demo-pie svg{width:130px;height:130px;transform:rotate(-90deg)}.locked-demo-pie circle{fill:none;stroke-width:24;stroke-linecap:round;opacity:0.95}.locked-demo-pie circle.bg{stroke:#111827;opacity:0.75}.locked-demo-pie circle.slice-a{stroke:#2563eb}.locked-demo-pie circle.slice-b{stroke:#f97316}.locked-demo-pie circle.slice-c{stroke:#facc15}.locked-demo-pie circle.slice-d{stroke:#10b981}.locked-demo-pie-labels{display:flex;flex-direction:column;gap:6px;margin-top:4px;font-size:0.82rem;color:#e2e8f0;text-align:center}.locked-demo-pie-labels span{display:flex;align-items:center;gap:6px;justify-content:center;white-space:nowrap}.locked-demo-pie-labels span::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--legend-color,#2563eb)}.section-legend{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0 10px}.section-legend .legend-item{display:flex;align-items:center;gap:6px;color:#444;font-size:.85rem}.section-legend.collapsed{flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.legend-toggle{display:inline-block;margin:4px 0 0 8px;font-size:.85rem;color:#2563eb;cursor:pointer;background:transparent;border:none;padding:4px 6px;border-radius:6px}.legend-toggle:hover{background:#f3f4f6}.section-legend .legend-color{width:12px;height:12px;border-radius:3px}.cls-1{--cls-bg:#eef2ff;--cls-fg:#1f3a8a}.cls-2{--cls-bg:#fce7f3;--cls-fg:#9d174d}.cls-3{--cls-bg:#ecfdf5;--cls-fg:#065f46}.cls-4{--cls-bg:#f0fdf4;--cls-fg:#166534}.cls-5{--cls-bg:#fff7ed;--cls-fg:#9a3412}.cls-6{--cls-bg:#e0f2fe;--cls-fg:#075985}.cls-7{--cls-bg:#ede9fe;--cls-fg:#5b21b6}.cls-8{--cls-bg:#fdf2f8;--cls-fg:#9d174d}.cls-9{--cls-bg:#f1f5f9;--cls-fg:#334155}.cls-10{--cls-bg:#fff1f2;--cls-fg:#9f1239}.cls-11{--cls-bg:#fef3c7;--cls-fg:#92400e}.cls-12{--cls-bg:#f3f4f6;--cls-fg:#374151}.placeholder{background:#f8f9fb;border:1px dashed #cfd6dd;color:#6b7280;border-radius:6px;padding:14px;text-align:center;font-size:.9rem}.pie-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.btn-link{cursor:pointer;font-weight:600;padding:8px 16px;border-radius:6px;font-size:.9rem;transition:all 0.2s ease}.btn-link:hover{text-decoration:none}.header-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-left:8px}.nav-link{display:inline-block;padding:8px 12px;font-size:.9rem;font-weight:600;color:#1a1a1a;text-decoration:none;border-radius:6px;background:transparent;border:0;cursor:pointer}.nav-link:hover{background:#f4f6f8}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 28px 0;position:sticky;top:0;background:#fff;z-index:100;padding:12px 0;border-bottom:1px solid #e5e7eb}.tab-button{appearance:none;background:#fff;border:1px solid #e5e7eb;padding:8px 12px;border-radius:9999px;font-weight:700;color:#374151;cursor:pointer;transition:all 0.2s ease}.tab-button:hover{background:#f9fafb;border-color:#d1d5db}.tab-button.active{background:#2563eb;border-color:#2563eb;color:#fff}.tab-panel{display:block;scroll-margin-top:80px}@media (max-width:1200px){.cluster-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.cluster-grid{grid-template-columns:repeat(2,1fr)}.overall-section-pc{flex-direction:column;gap:16px}}@media (max-width:600px){.cluster-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:768px){.overall-section-pc{display:none!important}.container{display:flex;flex-direction:column}.pie-chart-container{display:flex!important;flex-direction:column;align-items:center;margin-bottom:20px;order:1}.pie-chart-container .pie-chart-wrapper{margin:0 auto 16px auto;width:200px;height:200px;position:relative}.pie-chart-container .pie-breakdown{align-self:center;max-width:100%}.my-party-section{display:flex;flex-direction:column;width:100%;margin:20px 0 30px 0;padding:30px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;min-height:500px;order:2}.cluster-section-title{order:3}.locked-wrapper[data-locked-section="clusters"]{order:4;width:100%}#section-tabs{order:3}#sections-container{order:4}.locked-demo-pies{grid-template-columns:repeat(2,minmax(140px,1fr));gap:18px}.locked-demo-pie-card{max-width:180px;padding:16px 14px}.locked-demo-pie{width:120px;height:120px}.locked-demo-pie svg{width:112px;height:112px}.comment-section{order:5;padding:18px;border-radius:16px}.comment-item{padding:12px}.comment-meta{font-size:.75rem}.comment-content{font-size:.95rem}#other-topics-section{order:6;width:100%}.other-features-section{order:7;width:100%}.dark-gray-section{order:8;width:100%}.vertical-bar-chart{height:350px;padding:20px 0 0 0;overflow:visible;border-bottom:3px solid #fff!important}.vertical-bar{min-width:40px}.vertical-bar-segment{font-size:.75rem}.vertical-bar-label{font-size:.7rem}.cluster-card{height:260px !important}.cluster-card .card-main{min-height:170px !important;max-width:150px !important;margin:0 auto !important;display:flex !important;align-items:center !important;justify-content:center !important}.cluster-card .card-main canvas{width:150px !important;height:150px !important;max-width:150px !important;max-height:150px !important}.cluster-card .card-header{padding:4px 8px !important;font-size:.8rem !important}.cluster-card .card-footer{padding-top:6px !important}.cluster-card .card-footer .btn{padding:4px 8px !important;font-size:.65rem !important}.cluster-grid .cluster-card .card-main{max-width:150px !important;margin:0 auto !important}.cluster-grid .cluster-card .card-main canvas{width:150px !important;height:150px !important;max-width:150px !important;max-height:150px !important}.section-legend{gap:8px !important;margin:8px 0 6px !important}.section-legend .legend-item{font-size:.7rem !important;gap:4px !important}.section-legend .legend-color{width:10px !important;height:10px !important}.legend-toggle{font-size:.7rem !important;padding:2px 4px !important}}@media (max-width:768px){body{font-size:14px;background:#2d2d2d!important;color:#fff!important}.logo{font-size:1.6rem;color:#fff!important}.logo:hover{color:#ccc!important}.container{padding:16px 12px;background:#2d2d2d}.chart-container{padding:16px;background:#2d2d2d}.sub-chart{padding:12px;background:#3a3a3a!important;border:1px solid #555!important;color:#fff!important}.sub-chart-title{color:#fff!important}.header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #555!important}.header-nav{margin-left:0}.topic-selector{justify-content:center}.section{margin-bottom:32px}.section-title-row{gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #555!important}.section-title{font-size:1.1rem;color:#fff!important;border:none!important}.section-nav-links{gap:6px}.section-nav-link{font-size:.7rem;padding:3px 8px;background:#3a3a3a!important;border-color:#555!important;color:#ccc!important}.section-nav-link:hover{background:#4a4a4a!important;border-color:#666!important;color:#6ba3ff!important}.section-description{font-size:.8rem;margin-bottom:20px;line-height:1.4;color:#ccc!important}.graph-comment-link{background:transparent!important;border:1px solid rgba(255,255,255,0.6)!important;color:#fff!important;text-decoration:none!important;padding:4px 10px!important;border-radius:6px!important;font-size:.7rem!important}.graph-comment-link:hover{background:rgba(255,255,255,0.1)!important;border-color:#fff!important;color:#fff!important}.cluster-card .card-attach .graph-comment-link{color:#fff!important}.sub-charts{gap:12px;margin-top:16px}.sub-chart-title{font-size:.8rem;margin-bottom:10px;color:#fff!important}.placeholder{padding:12px;font-size:.75rem;background:#3a3a3a!important;border:1px dashed #666!important;color:#ccc!important}.controls label{font-size:.75rem;color:#fff!important}.subtitle{color:#ccc!important}.pie-chart-container{background:#2d2d2d!important}.pie-chart-container .party-news-title{color:#fff!important;border-bottom:2px solid #555!important}.breakdown-item{background:#3a3a3a!important;border-left:4px solid transparent!important;color:#fff!important}.breakdown-label{color:#ccc!important}.breakdown-value{color:#fff!important}.my-party-section{background:#2d2d2d!important;border-top:1px solid #555!important;border-bottom:1px solid #555!important}.my-party-chart-container{background:#2d2d2d!important}.vertical-bar-chart{background:#2d2d2d!important;border-bottom:3px solid #555!important}.legend-item{color:#fff!important}.btn-top{background:#fff!important;color:#000!important}.btn-top:hover{background:#ccc!important}.nav-link{color:#fff!important}.nav-link:hover{background:#4a4a4a!important}.cluster-card{background:#3a3a3a!important;border:1px solid #555!important;color:#fff!important}.cluster-card:hover{background:#4a4a4a!important;border-color:#666!important}.cluster-card .card-header{background:#2d2d2d!important;color:#fff!important}.cluster-card.cls-1 .card-header{color:#93c5fd!important}.cluster-card.cls-2 .card-header{color:#f9a8d4!important}.cluster-card.cls-3 .card-header{color:#86efac!important}.cluster-card.cls-4 .card-header{color:#bbf7d0!important}.cluster-card.cls-5 .card-header{color:#fed7aa!important}.cluster-card.cls-6 .card-header{color:#7dd3fc!important}.cluster-card.cls-7 .card-header{color:#c4b5fd!important}.cluster-card.cls-8 .card-header{color:#f9a8d4!important}.cluster-card.cls-9 .card-header{color:#cbd5e1!important}.cluster-card.cls-10 .card-header{color:#fca5a5!important}.cluster-card.cls-11 .card-header{color:#fde68a!important}.cluster-card.cls-12 .card-header{color:#d1d5db!important}.cluster-card .card-footer .btn{background:#2d2d2d!important;color:#fff!important;border:1px solid #666!important}.cluster-card .card-footer .btn:hover{background:#4a4a4a!important;border-color:#777!important}.placeholder{background:#3a3a3a!important;border:1px dashed #666!important;color:#ccc!important}.section-legend{color:#fff!important}.section-legend .legend-item{color:#ccc!important}.legend-toggle{color:#6ba3ff!important;background:transparent!important}.legend-toggle:hover{background:#4a4a4a!important}.tabs{background:#2d2d2d!important;border-bottom:1px solid #555!important}.tab-button{background:#3a3a3a!important;border:1px solid #555!important;color:#ccc!important}.tab-button:hover{background:#4a4a4a!important;border-color:#666!important}.tab-button.active{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.comment-section{background:none!important;border-color:transparent!important}.comment-title{color:#fff!important}.comment-note{color:#ccc!important}.comment-count{color:#ccc!important}.comment-item{background:none!important;border-color:#555!important;box-shadow:none!important}.comment-avatar{color:#e2e8f0!important}.comment-meta{color:#94a3b8!important}.comment-author{color:#e2e8f0!important}.comment-content{color:#f8fafc!important}.comment-actions .comment-action{color:#93c5fd!important}.comment-actions .comment-action.delete{color:#f87171!important}.comment-empty{background:none!important;border-color:transparent!important;color:#94a3b8!important}.comment-form{background:none!important;border-color:transparent!important}.comment-textarea{background:#111827!important;border-color:#334155!important;color:#f8fafc!important}.comment-submit{background:#60a5fa!important;color:#0b1120!important}.comment-login-hint{color:#cbd5f5!important}.loading-spinner{border:2px solid #333!important;border-top:2px solid #fff!important}.loading-status-text{color:#ccc!important}.topic-switching-overlay{background:rgba(0,0,0,0.9)!important}.topic-switching-content{background:#111!important;border:1px solid #333!important}.topic-switching-spinner{border:4px solid #333!important;border-top:4px solid #fff!important}.topic-switching-text{color:#fff!important}header{background:transparent!important;color:#fff!important}footer{background:transparent!important;color:#fff!important}header *{color:#fff!important}footer *{color:#fff!important}header a{color:#fff!important}footer a{color:#fff!important}header a:hover{color:#ccc!important}footer a:hover{color:#ccc!important}.logo-img{content:url('/static/pics/VOTEX4.webp')!important}.other-features-section{background:#2d2d2d!important;padding:0 0 40px!important}.other-features-section .personality-section-header h2{color:#fff!important;border-bottom-color:#555!important}.dark-gray-section{background:#1a1a1a!important}.dark-gray-section::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%232d2d2d' d='M0 0 H1200 V40 Q1050 70 900 55 Q750 40 600 55 Q450 70 300 55 Q150 40 0 55 Z'/%3E%3C/svg%3E")!important;background-size:100% 100%!important;background-repeat:no-repeat!important}.twitter-follow-section-wrapper{margin-top:30px!important;margin-bottom:40px!important}}@media (pointer:coarse) and (min-width:769px) and (max-width:1400px){.overall-section-pc{display:none!important}.my-party-section-pc{display:none!important}.mobile-overall-pair{display:flex!important;gap:24px;align-items:flex-start;margin:16px 0 32px 0}.pie-chart-container{display:flex!important;flex:1}.my-party-section{display:flex!important;flex-direction:column;flex:1;margin:0;border:none;padding:0;min-height:0}}@media (hover:none) and (min-width:769px) and (max-width:1400px){.overall-section-pc{display:none!important}.my-party-section-pc{display:none!important}.mobile-overall-pair{display:flex!important;gap:24px;align-items:flex-start;margin:16px 0 32px 0}.pie-chart-container{display:flex!important;flex:1}.my-party-section{display:flex!important;flex-direction:column;flex:1;margin:0;border:none;padding:0;min-height:0}}.is-ipad .overall-section-pc{display:none!important}.is-ipad .my-party-section-pc{display:none!important}.is-ipad .mobile-overall-pair{display:flex!important;gap:24px;align-items:flex-start;margin:16px 0 32px 0}.is-ipad .pie-chart-container{display:flex!important;flex:1}.is-ipad .my-party-section{display:flex!important;flex-direction:column;flex:1;margin:0;border:none;padding:0;min-height:0}
/* モバイル端末（pointer:coarse）で画面幅900px以下の場合、クラスターパネルを2列にする */
@media (pointer:coarse) and (max-width:900px){.locked-demo-pies{grid-template-columns:repeat(2,minmax(120px,1fr))!important;gap:16px!important}.locked-demo-pie-card{max-width:180px;padding:14px 12px}.locked-demo-pie{width:110px;height:110px}.locked-demo-pie svg{width:100px;height:100px}}