@charset "UTF-8";:root{color-scheme:light;--page-max-width: 1200px;--page-content-padding: 16px;--color-text: #1f2937;--color-text-muted: #4b5563;--color-bg: #fdfbf8;--color-surface: #fff;--color-surface-alt: #f7f3ed;--color-border: #e5e7eb;--color-success: #16a34a;--color-danger: #ef4444;--color-warning: #fb923c;--font-base: Noto Sans JP, Inter, Hiragino Sans, Yu Gothic, Meiryo, sans-serif;--radius-lg: 12px;--radius-xl: 16px;--shadow-soft: 0 24px 60px rgba(31, 41, 55, .08);--cls-color-1: #f78fb3;--cls-color-2: #8c7dff;--cls-color-3: #34c759;--cls-color-4: #4ec4eb;--cls-color-5: #fb7185;--cls-color-6: #fbbf24;--cls-color-7: #f97316;--cls-color-8: #8cc63f;--cls-color-9: #3b82f6;--cls-color-10: #1e40af;--cls-color-11: #f472b6;--cls-color-12: #94a3b8}.cluster-icon.cluster-icon--cls1{background:#f78fb3}.cluster-icon.cluster-icon--cls2{background:#8c7dff}.cluster-icon.cluster-icon--cls3{background:#34c759}.cluster-icon.cluster-icon--cls4{background:#4ec4eb}.cluster-icon.cluster-icon--cls5{background:#fb7185}.cluster-icon.cluster-icon--cls6{background:#fbbf24}.cluster-icon.cluster-icon--cls7{background:#f97316}.cluster-icon.cluster-icon--cls8{background:#8cc63f}.cluster-icon.cluster-icon--cls9{background:#3b82f6}.cluster-icon.cluster-icon--cls10{background:#1e40af}.cluster-icon.cluster-icon--cls11{background:#f472b6}.cluster-icon.cluster-icon--cls12{background:#94a3b8}.badge-age{background:#f78fb3;color:#fff}.badge-gender{background:#8c7dff;color:#fff}.badge-region{background:#34c759;color:#fff}.badge-city{background:#4ec4eb;color:#fff}.badge-job{background:#fb7185;color:#fff}.badge-edu{background:#fbbf24;color:#fff}.badge-uni{background:#f97316;color:#fff}.badge-major{background:#8cc63f;color:#fff}.badge-hs{background:#3b82f6;color:#fff}.badge-work{background:#1e40af;color:#fff}.badge-hobby{background:#f472b6;color:#fff}.badge-etc,.badge-default{background:#94a3b8;color:#fff}.cls-1{--cls-bg: #fdf2f8;--cls-fg: #9d174d}.cls-2{--cls-bg: #ede9fe;--cls-fg: #5b21b6}.cls-3{--cls-bg: #ecfdf5;--cls-fg: #065f46}.cls-4{--cls-bg: #ecfeff;--cls-fg: #155e75}.cls-5{--cls-bg: #fff1f2;--cls-fg: #9f1239}.cls-6{--cls-bg: #fffbeb;--cls-fg: #92400e}.cls-7{--cls-bg: #fff7ed;--cls-fg: #9a3412}.cls-8{--cls-bg: #f7fee7;--cls-fg: #3f6212}.cls-9{--cls-bg: #eff6ff;--cls-fg: #1e40af}.cls-10{--cls-bg: #eef2ff;--cls-fg: #1e3a5f}.cls-11{--cls-bg: #fdf2f8;--cls-fg: #9d174d}.cls-12{--cls-bg: #f1f5f9;--cls-fg: #334155}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--i-page-bg, #fff);color:var(--i-text, #1a1a1a);line-height:1.4;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:30px 20px}.chart-container{padding:0;border:none;border-radius:0;box-shadow:none}.bar-chart{display:flex;height:40px;background:var(--i-card-bg-alt, #fafafa);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:var(--i-text, #444)}.legend-color{width:14px;height:14px;border-radius:3px}.pie-chart-container{display:none;flex-direction:column;align-items:center;margin:16px 0}.pie-chart-wrapper{width:260px;height:260px;margin:0 auto;position:relative;overflow:hidden}.pie-chart-wrapper canvas{display:block;width:100%;height:100%}.pie-breakdown{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:320px}.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;position:relative;overflow:hidden}.pie-chart-wrapper-pc canvas{display:block;width:100%;height:100%}.pie-breakdown-pc{width:300px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.breakdown-item{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;padding:6px 8px;border-radius:4px;background:var(--i-card-bg-alt, #fafafa);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:var(--i-text-muted, #333333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:4px}.breakdown-value{font-weight:700;color:var(--i-text, #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:var(--i-card-bg-alt, #fafafa);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:var(--i-text-muted, #333333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.breakdown-value-pc{font-weight:700;color:var(--i-text, #1a1a1a);font-size:.9rem;flex-shrink:0}.pie-chart-date-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .6s ease-in-out;z-index:10}.pie-chart-date-overlay.show{opacity:1}.pie-chart-date-pc .date-month{font-size:1.4rem;font-weight:700;color:var(--i-text, #1a1a1a);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.pie-chart-date-pc .date-day{font-size:4.5rem;font-weight:800;color:var(--i-text, #1a1a1a);line-height:.9;letter-spacing:-.05em}.pie-chart-date-pc .date-label{font-size:.9rem;color:var(--i-text-muted, #666666);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.pie-chart-date-overlay:not(.pie-chart-date-pc) .date-month{font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.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:.9;letter-spacing:-.05em}.pie-chart-date-overlay:not(.pie-chart-date-pc) .date-label{font-size:.7rem;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.controls{display:flex;align-items:center;gap:14px;margin-top:10px}.controls label{font-size:.9rem;color:var(--i-text-muted, #333333);cursor:pointer}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--i-text-muted, #666666)}.loading-status-text{color:var(--i-text-muted, #6b7280);font-size:.9rem;margin-top:10px;text-align:center}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #666666;border-radius:50%;animation:spin 1s linear infinite;margin:10px auto}.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:var(--i-text, #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:var(--i-text-muted, #666666);font-size:.95rem;margin-bottom:25px}.cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.tab-panel{display:block;scroll-margin-top:80px}.cluster-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:340px;border:1px solid var(--i-border, #e5e7eb);border-radius:12px;padding:10px;background:var(--i-card-bg, #fff);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.cluster-card:hover{background:var(--i-card-bg-hover, #f3f4f6);border-color:var(--i-border, #e5e7eb)}.cluster-card:after{content:"→";position:absolute;right:6px;top:50%;transform:translateY(-50%) translate(6px);opacity:0;color:#9ca3af;transition:opacity .15s ease,transform .15s ease;pointer-events:none}.cluster-card:hover:after{opacity:.9;transform:translateY(-50%) translate(0)}.cluster-card.is-hover{background:var(--i-card-bg-hover, #f3f4f6);border-color:var(--i-border, #e5e7eb)}.cluster-card.is-hover:after{opacity:.9;transform:translateY(-50%) translate(0)}.cluster-card--disabled{cursor:default;background:var(--i-card-bg-alt, #f9fafb);border-color:var(--i-border, #e5e7eb)}.cluster-card--disabled:after{display:none}.cluster-card--disabled:hover{background:var(--i-card-bg-alt, #f9fafb);border-color:var(--i-border, #e5e7eb)}.cluster-card .card-header{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;color:var(--i-text, #1a1a1a);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;fill:none;stroke:currentColor;stroke-width:1.5}.cluster-card[class*=cls-] .card-header{background:var(--cls-bg, #fafafa);color:var(--cls-fg, #1a1a1a)}.cluster-card .card-main{min-height:230px;display:flex;align-items:center;justify-content:center}.cluster-card .card-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:8px}.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}.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:var(--i-text, #1a1a1a);text-decoration:none;border-radius:6px;background:transparent;border:0;cursor:pointer}.nav-link:hover{background:var(--i-card-bg-hover, #f3f4f6)}.past-results-btn{background:#fff;color:#1da1f2;border:2px solid #1da1f2;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.past-results-btn:hover{background:#1da1f2;color:#fff}.past-results-btn:disabled{background:#fff;color:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.other-features-section .personality-section-header{margin:0 0 30px;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:var(--i-text, #1a1a1a)}:root{--i-page-bg: #fff;--i-text: #1a1a1a;--i-text-muted: #666666;--i-border: #e5e7eb;--i-card-bg: #fff;--i-card-bg-alt: #fafafa;--i-card-bg-hover: #f3f4f6;--i-card-border-hover: #d1d5db;--i-surface-dark: #3a3a3a;--i-surface-hover: #4a4a4a;--i-border-hover: #666666}.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(.9px) saturate(112%);opacity:.94;pointer-events:none;-webkit-user-select: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:#f8faff94;-webkit-backdrop-filter:blur(9px) saturate(180%);backdrop-filter:blur(9px) saturate(180%);border-radius:16px;border:1px solid rgba(148,163,184,.32);box-shadow:0 28px 48px #0f172a1f;z-index:20}.locked-wrapper.is-locked .locked-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff52,#ffffff0f);border-radius:inherit;pointer-events:none}.locked-overlay-content{max-width:480px;position:relative;z-index:1}.locked-overlay-actions .btn{min-width:150px}.locked-basic-note{margin-top:8px;color:#4b5563;font-size:.92rem}.party-name-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;font-weight:700;font-size:.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;-webkit-user-select:none;user-select:none}.logo:hover{color:#333}.header-right{display:flex;gap:10px}.graph-comment-link{border:none;background:transparent;color:#64748b;font-size:.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:#2563eb14}.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:.35;cursor:default}.graph-comment-link[disabled]:hover{color:#64748b;background:transparent}.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;margin:12px 0;border-bottom:3px solid #333333;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 .2s}.vertical-bar-segment:hover{opacity:.8}.vertical-bar-label{display:none}.topic-switching-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;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 #0000004d;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}.topic-switching-text{font-size:1.1rem;font-weight:600;color:var(--i-text)}.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 .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:.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:.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,.85) 92%);height:var(--bar-height, 60%);min-height:90px;position:relative;box-shadow:0 16px 34px #0f172a2e}.locked-demo-bar:after{content:attr(data-label);position:absolute;bottom:-22px;left:50%;transform:translate(-50%);color:#475569;font-size:.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:translate(-50%);color:#1f2937;font-size:.82rem;font-weight:700}.locked-demo-legend{display:flex;justify-content:center;gap:16px;margin-top:12px;flex-wrap:wrap;font-size:.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:.96}.locked-demo-pie-card{width:100%;max-width:220px;background:#111827f0;border-radius:16px;padding:18px 16px;color:#f8fafc;box-shadow:0 20px 40px #0f172a47;display:flex;flex-direction:column;align-items:center;gap:12px}.locked-demo-pie-title{font-weight:700;font-size:.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:.95}.locked-demo-pie circle.bg{stroke:#111827;opacity:.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:.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)}.placeholder{background:var(--i-card-bg-alt);border:1px dashed var(--i-border);color:var(--i-text-muted);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 .2s ease}.btn-link:hover{text-decoration:none}@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;gap:16px;margin-bottom:20px;order:1}#overall-content-mobile{display:flex;flex-direction:column;align-items:center;gap:8px}.pie-chart-container .pie-chart-wrapper{margin:0 auto;width:260px;height:260px;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;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;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}}@media(max-width:768px){.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){:root{--i-page-bg: #2d2d2d;--i-text: #fff;--i-text-muted: #cccccc;--i-border: #555555;--i-card-bg: #3a3a3a;--i-card-bg-alt: #3a3a3a;--i-card-bg-hover: #4a4a4a;--i-card-border-hover: #666666;--i-surface-dark: #3a3a3a;--i-surface-hover: #4a4a4a;--i-border-hover: #666666}body{font-size:14px}.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 #555555!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 #555555!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 #555555!important}.section-title{font-size:1.1rem;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}.graph-comment-link{background:transparent!important;border:1px solid rgba(255,255,255,.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:#ffffff1a!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}.controls label{font-size:.75rem;color:#fff!important}.pie-chart-container{background:#2d2d2d!important}.pie-chart-container .party-news-title{color:#fff!important;border-bottom:2px solid #555555!important}.breakdown-item{border-left:4px solid transparent!important}.my-party-section{background:#2d2d2d!important;border-top:1px solid #555555!important;border-bottom:1px solid #555555!important}.my-party-chart-container{background:#2d2d2d!important}.vertical-bar-chart{background:#2d2d2d!important;border-bottom:3px solid #555555!important}.btn-top{background:#fff!important;color:#000!important}.btn-top:hover{background:#ccc!important}.cluster-card .card-header{background:#2d2d2d!important;color:#fff!important}.cluster-card.cls-1 .card-header{color:#fbb4d0!important}.cluster-card.cls-2 .card-header{color:#c4b5fd!important}.cluster-card.cls-3 .card-header{color:#86efac!important}.cluster-card.cls-4 .card-header{color:#67e8f9!important}.cluster-card.cls-5 .card-header{color:#fda4af!important}.cluster-card.cls-6 .card-header{color:#fcd34d!important}.cluster-card.cls-7 .card-header{color:#fdba74!important}.cluster-card.cls-8 .card-header{color:#bef264!important}.cluster-card.cls-9 .card-header{color:#93c5fd!important}.cluster-card.cls-10 .card-header{color:#818cf8!important}.cluster-card.cls-11 .card-header{color:#f9a8d4!important}.cluster-card.cls-12 .card-header{color:#cbd5e1!important}.cluster-card .card-footer .btn{background:#2d2d2d!important;color:#fff!important;border:1px solid #666666!important}.cluster-card .card-footer .btn:hover{background:#4a4a4a!important;border-color:#777!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}.loading-spinner{border:2px solid #333333!important;border-top:2px solid #fff!important}.topic-switching-overlay{background:#000000e6!important}.topic-switching-content{background:#111!important;border:1px solid #333333!important}.topic-switching-spinner{border:4px solid #333333!important;border-top:4px solid #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}.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,.my-party-section-pc{display:none!important}.mobile-overall-pair{display:flex!important;gap:24px;align-items:flex-start;margin:16px 0 32px}.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,.my-party-section-pc{display:none!important}.mobile-overall-pair{display:flex!important;gap:24px;align-items:flex-start;margin:16px 0 32px}.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,.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}.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}@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}}.overall-range-note{margin-top:0;font-size:12px;color:#6b7280;text-align:center}.overall-range-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.submit-loading{position:fixed;inset:0;background:#fffffff2;z-index:7000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.submit-spinner{border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}.submit-loading-text{font-size:14px;color:#111827}.index2-anonymous .locked-demo-pies{justify-items:stretch}.index2-anonymous .locked-demo-pie-card{background:#0b1224!important;border-radius:0!important;border:1px solid #0b1224!important;box-shadow:0 12px 28px #00000061!important;color:#e5e7eb!important;width:100%;max-width:none}.index2-anonymous .locked-demo-pie{background:#0b1224!important}.index2-anonymous .locked-demo-pie circle.bg{stroke:#0b1224!important}.index2-anonymous .locked-demo-pie-title,.index2-anonymous .locked-demo-pie-labels span{color:#e5e7eb!important}.index2-anonymous .locked-demo-pie-labels span:before{border-radius:0!important}.index2-anonymous .locked-overlay-actions .btn,.index2-anonymous .locked-overlay-actions .btn-outline{border-radius:0!important;background:#0b1224!important;color:#f8fafc!important;border:1px solid #1f2937!important;box-shadow:none!important}.index2-anonymous .locked-overlay-actions .btn-outline{background:transparent!important;color:#e5e7eb!important}.index2-anonymous .locked-overlay-actions .btn:hover,.index2-anonymous .locked-overlay-actions .btn-outline:hover{background:#111827!important;border-color:#111827!important}.round-history-modal{position:fixed;inset:0;background:#0f172a73;display:none;align-items:center;justify-content:center;z-index:6000}.round-history-modal.is-open{display:flex}.round-history-panel{background:#fff;border-radius:0;width:min(520px,92vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0f172a33}.round-history-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e5e7eb}.round-history-title{font-size:1rem;font-weight:700;color:#111827;margin:0}.round-history-close{background:transparent;border:none;font-size:1.2rem;cursor:pointer;color:#6b7280}.round-history-body{padding:16px 18px 18px;overflow:auto}.round-history-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.round-history-reset{border:2px solid #3b82f6;background:#fff;color:#3b82f6;border-radius:0;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.round-history-reset:hover{background:#3b82f6;color:#fff}.round-history-list{display:flex;flex-direction:column;gap:10px}.round-history-item{border:1px solid #e5e7eb;border-radius:0;padding:10px 12px;background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s ease,border-color .2s ease}.round-history-item:hover{background:#f8fafc;border-color:#cbd5f5}.round-history-range,.round-range{font-weight:700;color:#111827}.round-history-index,.round-index{font-size:.85rem;color:#6b7280}.round-history-empty{text-align:center;color:#6b7280;font-size:.9rem;padding:16px 0}.mobile-overall-pair{display:block;width:100%}.is-ipad .my-party-section .locked-wrapper{margin-top:0}.is-ipad .my-party-chart-container{padding:0}.is-ipad .mobile-overall-pair{align-items:stretch;gap:28px}.is-ipad .mobile-overall-pair>.pie-chart-container,.is-ipad .mobile-overall-pair>.my-party-section{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:600px}.is-ipad .mobile-overall-pair h2.section-title{display:flex;align-items:flex-start;gap:8px;margin:0 0 20px;min-height:64px;line-height:1.25;padding-top:4px}.is-ipad .mobile-overall-pair h2.section-title>span{display:block;line-height:1.25}.is-ipad .mobile-overall-pair h2.section-title .party-name-chip{align-self:flex-start}.is-ipad .mobile-overall-pair .topic-dropdown{margin-bottom:12px}.is-ipad .mobile-overall-pair .pie-actions,.is-ipad .mobile-overall-pair .controls{margin-top:12px}.is-ipad .mobile-overall-pair .my-party-section .pie-actions{justify-content:flex-start}.is-ipad .mobile-overall-pair>.pie-chart-container,.is-ipad .mobile-overall-pair>.my-party-section{align-items:flex-start}.is-ipad #pie-chart-date-mobile .date-month,.is-ipad #pie-chart-date-mobile .date-day,.is-ipad #pie-chart-date-mobile .date-label{color:#1a1a1a}.is-ipad .mobile-overall-pair .pie-chart-wrapper{margin-bottom:24px}.is-ipad .mobile-overall-pair .pie-breakdown{margin-top:12px}@media(pointer:coarse)and (min-width:901px)and (max-width:1400px){.cluster-grid{grid-template-columns:repeat(4,1fr)!important;gap:18px!important}}@media(pointer:coarse)and (max-width:900px){.cluster-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media(pointer:coarse)and (min-width:900px)and (max-width:1400px){.overall-section-pc{align-items:flex-start}.overall-section-pc #overall-content-pc>div{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}.overall-section-pc .pie-chart-wrapper-pc{margin:0 auto}.overall-section-pc .pie-breakdown-pc{width:100%;max-width:420px;margin-top:6px}}.share-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}.share-modal-overlay.show{opacity:1;visibility:visible}.share-invite-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;padding:28px 24px;z-index:9999;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;max-width:380px;width:90%}.share-invite-modal.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.share-modal-close{position:absolute;top:12px;right:12px;background:transparent;border:none;padding:6px;cursor:pointer;color:#6b7280;border-radius:50%;transition:background-color .15s}.share-modal-close:hover{background:#f3f4f6;color:#374151}.share-modal-header{text-align:center;margin-bottom:24px}.share-modal-title{font-size:1.15rem;font-weight:700;color:#1f2937;margin:0;line-height:1.5}.share-modal-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.share-btn{border:none;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-size:.8rem;font-weight:600;color:#475569;transition:transform .15s}.share-btn:hover{transform:translateY(-2px)}.share-btn-icon{width:52px;height:52px;border-radius:14px;border:1px solid rgba(148,163,184,.28);background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s,background-color .15s}.share-btn:hover .share-btn-icon{border-color:#3b82f666;background:#3b82f614}.share-btn-icon img{width:28px;height:28px;object-fit:contain}.share-btn-icon--x{background:#111827;border-radius:50%}.share-btn-icon--x img{width:32px;height:auto}.share-btn-icon--line img,.share-btn-icon--facebook img{width:48px;height:auto}.share-btn-icon--instagram{background:#fff}.share-btn-icon--instagram svg{width:30px;height:30px}.share-btn-icon--copy{background:#fff;border-radius:50%}.share-btn-icon--copy img{width:26px;height:26px}.share-btn-label{line-height:1.2;font-size:.75rem}.share-invite-btn:hover{background:#1da1f2;color:#fff}.share-invite-btn:focus-visible{outline:2px solid #1da1f2;outline-offset:2px}.btn-link.party-compare-btn{background:#fff;color:var(--party-color, #2563eb);border:2px solid var(--party-color, #2563eb)}.btn-link.party-compare-btn:hover{background:var(--party-color, #2563eb);color:#fff}.overall-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.share-invite-btn{background:#fff;color:#1da1f2;border:2px solid #1da1f2;padding:6px 14px;border-radius:4px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.share-invite-btn--mobile{padding:6px 12px;font-size:12px}.overall-loading-pc{margin:24px 0}.overall-loading-mobile{margin:16px 0}#pie-chart-pc{width:320px;height:320px}#pie-chart{width:260px;height:260px}.overall-content-row{display:flex;align-items:center;gap:24px}.controls--mt{margin-top:16px}.pie-actions--start{justify-content:flex-start;margin-top:12px}.pie-actions--center{margin-top:12px;justify-content:center;gap:12px}.pie-actions--end-mobile{margin-top:12px;justify-content:flex-end;gap:8px}.placeholder--mt,.loading-placeholder--mt{margin-top:8px}.topic-dropdown--mb{margin-bottom:8px}.ig-icon-svg{width:28px;height:28px}.topic-dropdown{position:relative;display:inline-flex;align-items:center}.topic-dropdown-toggle{display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.topic-dropdown-toggle:hover{background:#374151;color:#fff}.topic-dropdown-toggle:hover h3,.topic-dropdown-toggle:hover h2{color:#fff}.topic-dropdown-toggle svg{width:18px;height:18px;transition:transform .2s}.topic-dropdown.open .topic-dropdown-toggle svg{transform:rotate(180deg)}.topic-dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;max-height:320px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #0000001f;z-index:100;display:none;margin-top:6px}.topic-dropdown.open .topic-dropdown-menu{display:block}.topic-dropdown-item{display:block;padding:10px 14px;font-size:.9rem;color:#374151;text-decoration:none;transition:background .1s}.topic-dropdown-item:hover{background:#f3f4f6}.topic-dropdown-item.active{background:#eef2ff;color:#4f46e5;font-weight:600}.topic-dropdown-item.highlight{color:#4f46e5;font-weight:600}.topic-dropdown-item.legacy-header{background:#111827;color:#fff;font-weight:800;cursor:default;pointer-events:none;text-transform:none;letter-spacing:.02em}.topic-dropdown-item.legacy{background:#6b7280;color:#fff}.topic-dropdown-item.legacy:hover{background:#4b5563;color:#fff}.topic-divider{display:block;padding:8px 14px;font-size:12px;font-weight:800;color:#111;background:#e5e7eb;letter-spacing:.02em;cursor:default;pointer-events:none;border-top:1px solid #d1d5db}.filter-search-container{padding:0 0 12px;position:sticky;top:0;background:#fff;z-index:1}.filter-search-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background:#f9fafb;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.filter-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.filter-search-input::placeholder{color:#9ca3af}.filter-options-list,.topic-options-list,.topic-dropdown-list{display:flex;flex-direction:column;gap:4px}.topic-dropdown-menu .filter-search-container{padding:10px 10px 8px;margin:0;border-bottom:1px solid #e5e7eb}.topic-dropdown-menu .filter-search-input{padding:8px 10px;font-size:13px}.topic-dropdown-menu .topic-dropdown-list{padding:4px 0}.dropdown-search-row{display:flex;align-items:center;gap:8px}.dropdown-search-row .filter-search-input{flex:1;min-width:0}.user-topics-toggle{flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.user-topics-toggle:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.user-topics-toggle.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.user-topics-toggle.active:hover{background:#2563eb;border-color:#2563eb}.user-topics-toggle svg{width:18px;height:18px}.topic-dropdown-more{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;margin:4px 0;font-size:13px;font-weight:600;color:#3b82f6;text-decoration:none;background:#eff6ff;border-radius:6px;transition:all .15s ease}.topic-dropdown-more:hover{background:#dbeafe;color:#2563eb}.topic-dropdown-more svg{width:14px;height:14px}.filter-modal-backdrop{position:fixed;inset:0;background:#0006;display:none;align-items:center;justify-content:center;z-index:1200}.filter-modal-backdrop.is-open{display:flex}.filter-modal-panel{background:#fff;border-radius:12px;box-shadow:0 12px 30px #0000002e;width:92vw;max-width:340px;max-height:78vh;overflow:hidden;border:1px solid #e5e7eb}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb}.filter-modal-header h3{margin:0;font-size:14px;font-weight:700;color:#111827}.filter-modal-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px 6px;border-radius:6px}.filter-modal-close:hover{background:#f3f4f6;color:#111827}.filter-modal-body{padding:10px 12px;max-height:calc(78vh - 70px);overflow-y:auto}.filter-options{display:flex;flex-direction:column;gap:4px}.filter-option{padding:10px 12px;border:none;border-radius:6px;background:#fff;color:#111827;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.filter-option:hover{background:#f3f4f6}.filter-option.selected{background:#eef2ff;color:#4f46e5}.filter-option.filter-divider{background:#111827;color:#fff;font-weight:800;letter-spacing:.02em;cursor:default;pointer-events:none}.filter-option.legacy{background:#6b7280;color:#fff}.filter-option.legacy:hover{background:#4b5563;color:#fff}.filter-modal-footer{padding:0 12px 12px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.filter-modal-btn-secondary{padding:8px 14px;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;transition:background .15s}.filter-modal-btn-secondary:hover{background:#f3f4f6}.topic-modal-backdrop{position:fixed;inset:0;background:#0006;display:none;align-items:center;justify-content:center;z-index:1200}.topic-modal-backdrop.is-open{display:flex}.topic-modal-panel{background:#fff;border-radius:12px;box-shadow:0 12px 30px #0000002e;width:92vw;max-width:340px;max-height:78vh;overflow:hidden;border:1px solid #e5e7eb}.topic-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb}.topic-modal-header h3{margin:0;font-size:14px;font-weight:700;color:#111827}.topic-modal-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px 6px;border-radius:6px}.topic-modal-close:hover{background:#f3f4f6;color:#111827}.topic-modal-body{padding:10px 12px;max-height:calc(78vh - 70px);overflow-y:auto}.topic-options{display:flex;flex-direction:column;gap:4px}.topic-option{padding:10px 12px;border:none;border-radius:6px;background:#fff;color:#111827;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.topic-option:hover{background:#f3f4f6}.topic-option.selected{background:#eef2ff;color:#4f46e5}.topic-option.legacy{background:#6b7280;color:#fff}.topic-option.legacy:hover{background:#4b5563;color:#fff}.topic-option-divider{background:#111827;color:#fff;font-weight:800;letter-spacing:.02em;cursor:default;pointer-events:none}@font-face{font-family:kin-iro-sansserif;src:url(/static/fonts/GN-Kin-iro_SansSerif.ttf) format("truetype");font-weight:400;font-style:normal}.other-features-section{--color-quiz: #ef4444;--color-election: #06b6d4;--color-party: #10b981;--color-personality: #ec4899;--color-default: #667eea;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-kicker: #374151;--color-border: #e0e0e0;--color-accent: #2d8a6e;--card-mobile-width: 85vw;--card-mobile-max-width: 340px;--card-mobile-min-width: 280px;--breakpoint-mobile: 768px}.other-features-section{background:#fff;padding:0 0 40px;margin-top:48px}.other-features-section .personality-section-header{max-width:var(--page-content-max-width, 1200px);margin:0 auto 30px;padding:0 var(--page-content-padding, 20px) 8px;border-bottom:2px solid var(--color-border)}.other-features-section .personality-section-header h2{margin:0}.other-features-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:10px}.other-features-title svg{width:28px;height:28px;color:var(--color-accent);flex-shrink:0}.features-wrapper-simple{max-width:var(--page-content-max-width, 1200px);margin:0 auto;padding:0 var(--page-content-padding, 20px)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;flex:1}.features-mobile-controls{display:none}.feature-card{background:#fff;border:none;border-radius:0;padding:0;text-align:center;transition:transform .3s,box-shadow .3s;cursor:pointer;text-decoration:none;color:inherit;display:block;overflow:hidden;box-shadow:4px 4px #00000026}.feature-card--wide{grid-column:span 2}.feature-card:hover{transform:translateY(-3px);box-shadow:6px 6px #0003}.feature-icon{font-size:3rem;margin-bottom:0;position:relative;z-index:2}.feature-icon img{width:60px;height:auto}.feature-title{font-size:1.25rem;font-weight:700;margin:0;color:#fff;position:relative;padding:12px 16px 10px;overflow:visible;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px}.feature-title svg{width:44px;height:44px}.feature-title:before{content:"";position:absolute;inset:0;background:var(--color-default);z-index:0}.feature-title:after{content:"";position:absolute;left:50%;bottom:-5px;height:50px;width:400vw;transform:translate(-50%);background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M0 50 Q 150 20 300 50 T 600 50 T 900 50 T 1200 50 V100 H0 Z'/%3E%3C/svg%3E") repeat-x bottom/1200px 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M0 50 Q 150 20 300 50 T 600 50 T 900 50 T 1200 50 V100 H0 Z'/%3E%3C/svg%3E") repeat-x bottom/1200px 100%;z-index:1}.feature-title span{position:relative;z-index:2}.feature-card--quiz .feature-title:before{background:var(--color-quiz)}.feature-card--news .feature-title:before,.feature-card--election .feature-title:before{background:var(--color-election)}.feature-card--party .feature-title:before{background:var(--color-party)}.feature-card--personality .feature-title:before{background:var(--color-personality)}.feature-description{color:var(--color-text-secondary);line-height:1.7;padding:20px 30px}.feature-kicker{display:block;margin-bottom:8px;font-size:1.3rem;font-weight:700;letter-spacing:.08em;color:var(--color-text-kicker)}.feature-card--quiz .feature-description{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center}.quiz-logo{display:inline-grid;grid-auto-flow:column;align-items:end;justify-content:flex-start;column-gap:clamp(.3rem,1vw,.7rem);flex-shrink:0;font-family:kin-iro-sansserif,Noto Sans JP,Hiragino Sans,sans-serif}.quiz-logo-left{display:inline-grid;grid-auto-flow:row;gap:clamp(.05rem,.15vw,.1rem)}.quiz-logo-sub{font-size:clamp(.8rem,1.5vw,1.1rem);font-weight:500;letter-spacing:.16em;color:#333;line-height:.8;padding-top:clamp(.2rem,.7vw,.4rem)}.quiz-logo-politics{display:inline-flex;align-items:flex-end;gap:clamp(.08rem,.3vw,.25rem);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;letter-spacing:clamp(.03rem,.3vw,.5rem);line-height:.95}.quiz-logo-kanji{display:inline-flex;padding-bottom:clamp(0rem,.15vw,.08rem);transform:scaleX(1.22);transform-origin:left center}.quiz-logo-kanji--red{color:#f2352e}.quiz-logo-kanji--black{color:#0b0b0b}.quiz-logo-number{color:#f2352e;font-weight:400;letter-spacing:-.005em;font-size:clamp(3.2rem,7vw,5rem);line-height:.82;display:flex;align-items:flex-end;margin-left:clamp(-.15rem,-.5vw,-.3rem)}.quiz-description-text{line-height:1.7;color:var(--color-text-secondary)}.main-feature-title-highlight-red{color:#ef4444}@media(min-width:769px){.feature-card--quiz{order:1}.feature-card--news{order:2}.feature-card--party{order:3}.feature-card--personality{order:4}}@media(max-width:768px){.features{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0;-webkit-overflow-scrolling:touch;padding:12px 0 24px;width:100%;scrollbar-width:none}.features::-webkit-scrollbar{display:none}.feature-card{flex:0 0 85vw;max-width:340px;min-width:280px;margin:0;padding:0;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column}.feature-card:first-child{margin-left:7.5vw}.feature-card:last-child{margin-right:7.5vw}.feature-card--wide{grid-column:auto;flex:0 0 85vw;max-width:340px}.feature-title{font-size:1.2rem;gap:10px;line-height:1.2;padding:6px 18px 14px;justify-content:flex-start}.feature-title span{white-space:nowrap}.feature-icon svg{width:32px;height:32px}.feature-description{font-size:.85rem;text-align:left;padding:12px 16px 16px}.feature-card--personality .feature-description{display:flex;flex-direction:column;align-items:flex-start;padding:14px 16px 18px;gap:12px}.feature-kicker,.quiz-logo{text-align:center;width:100%;justify-content:center}.feature-card--quiz .feature-description{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.feature-card--quiz .quiz-logo{transform:scale(1.35)}.feature-card--quiz .quiz-description-text{text-align:center}.features-mobile-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:-4px}.features-mobile-nav{width:40px;height:40px;border:2px solid var(--color-quiz);background:transparent;color:var(--color-quiz);font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer}.features-mobile-dots{display:flex;gap:8px;padding:0}.features-mobile-dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;border:none;cursor:pointer;transition:background .2s;padding:0}.features-mobile-dot.is-active{background:var(--color-quiz)}}@media(max-width:640px){.other-features-title{font-size:1.2rem}.other-features-title svg{width:22px;height:22px}}.feature-card--coming-soon{position:relative;pointer-events:none;cursor:default}.feature-card--coming-soon .feature-title,.feature-card--coming-soon .feature-description{filter:blur(4px)}.feature-card--coming-soon:after{content:"準備中";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffff80;color:var(--color-text-kicker);font-size:2rem;font-weight:700;letter-spacing:.1em;z-index:10}.feature-card--coming-soon:hover{transform:none;box-shadow:4px 4px #00000026}.dark-gray-section{width:100vw;margin:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:60px clamp(20px,4vw,48px) 0;position:relative;background:#2d3748;box-sizing:border-box}.dark-gray-section:before{content:"";position:absolute;top:-30px;left:0;right:0;height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' 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");background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:0}.dark-gray-section>*{position:relative;z-index:1}.dark-gray-section .site-footer{background:transparent!important;border-top:1px solid rgba(255,255,255,.2)!important}.dark-gray-section .site-footer .footer-section h3,.dark-gray-section .site-footer .footer-section p,.dark-gray-section .site-footer .footer-section a,.dark-gray-section .site-footer .footer-logo,.dark-gray-section .site-footer .footer-copyright{color:#fff!important}.dark-gray-section .site-footer .footer-section a:hover{opacity:.8}.twitter-follow-section-wrapper{max-width:1000px;margin:40px auto 60px;padding:0 40px}.twitter-follow-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 30px;text-align:center;padding-bottom:15px;border-bottom:3px solid #fff}.twitter-follow-section{display:flex;align-items:center;justify-content:space-between;gap:32px}.twitter-follow-text{flex:1;font-size:1.3rem;color:#fff;margin:0;line-height:1.8}.twitter-follow-button{display:flex;align-items:center;justify-content:center;padding:clamp(8px,1.2vw,12px) clamp(16px,2.2vw,20px);background:#fff;color:#000;border:3px solid #fff;border-radius:0;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:400;font-family:kin-iro-sansserif,Noto Sans JP,Hiragino Sans,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease;flex-shrink:0;line-height:1;white-space:nowrap}.twitter-follow-button:hover{background:#000;color:#fff}@media(max-width:768px){.twitter-follow-section-wrapper{margin-top:40px;padding:0 20px}.twitter-follow-title{font-size:clamp(1.2rem,4vw,1.5rem);text-align:center;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #fff}.twitter-follow-section{flex-direction:column;gap:24px;align-items:center}.twitter-follow-text{font-size:clamp(1rem,3vw,1.2rem);text-align:center;line-height:1.8}}.party-news-title{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #e0e0e0}.mobile-topics-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.featured-topic-area{text-align:center;position:relative}.other-topics-area{padding-left:8px;position:relative}.other-topic-item{display:block;padding:12px 0;border-bottom:1px solid #e5e7eb;text-decoration:none;color:inherit;position:relative}.other-topic-item:last-child{border-bottom:none}.other-topic-item:hover{background:#f9fafb}.other-topic-name{font-size:18px;font-weight:600;color:#1f2937;margin:0}.other-topic-desc{font-size:14px;color:#6b7280;margin:4px 0 0}.topic-vote-badge{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:16px;height:16px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.loading-placeholder{text-align:center;padding:20px;color:#999}.loading-spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #999;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@media(max-width:768px){#other-topics-section{width:100%!important;order:6!important}.index2-page #other-topics-section .party-news-title,.index2-page #other-topics-section .other-topic-name{color:#fff!important}.index2-page #other-topics-section .other-topic-desc,.index2-page #other-topics-section .loading-placeholder{color:#d1d5db!important}.index2-page #other-topics-section .mobile-topics-layout,.index2-page #other-topics-section h2{color:#fff!important}body:not(.index2-page) #other-topics-section .party-news-title{color:#1a1a1a!important}body:not(.index2-page) #other-topics-section .other-topic-name{color:#1f2937!important}body:not(.index2-page) #other-topics-section .other-topic-desc{color:#6b7280!important}body:not(.index2-page) #other-topics-section .loading-placeholder{color:#999!important}.mobile-topics-layout{position:relative!important;gap:0!important;align-items:flex-start!important}.featured-topic-area{position:relative!important;text-align:left!important;padding-left:0!important;margin-left:-16px!important}#index2-featured-topic-chart-container{padding:0!important;margin:0 0 0 -16px!important}.other-topics-area{position:absolute!important;top:50%!important;right:0!important;transform:translateY(-50%)!important;width:50%!important;padding-left:0!important;padding-right:8px!important;z-index:10!important}.other-topic-item{padding:6px 0!important}.other-topic-item:first-child{padding-top:0!important}.other-topic-name{font-size:12px!important}.other-topic-desc{font-size:10px!important;margin:2px 0 0!important}}.other-topics-section{margin-top:48px;margin-bottom:40px;flex:0 0 auto;order:5}.comment-section{margin-top:48px;background:none;border:none;border-radius:0;padding:24px 20px;box-sizing:border-box}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.comment-title{font-size:1.25rem;font-weight:700;color:var(--cmt-title, #1e293b)}.comment-note{font-size:.9rem;color:var(--cmt-note, #64748b);margin-top:4px}.comment-count{color:var(--cmt-count, #475569);font-size:.95rem}.comment-form{border:none;border-radius:0;background:none;padding:18px 0;margin-bottom:18px;box-shadow:none}.comment-textarea{width:100%;min-height:110px;border:1px solid var(--cmt-textarea-border, #cbd5f5);border-radius:0;padding:12px;font-family:inherit;font-size:1rem;line-height:1.6;resize:vertical;background:var(--cmt-textarea-bg, #fff);color:var(--cmt-textarea-color, inherit)}.comment-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.comment-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px;flex-wrap:wrap}.comment-stance-toggle{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.comment-stance-toggle button{padding:8px 14px;border-radius:999px;border:1px solid #cbd5f5;cursor:pointer;font-size:.85rem;background:#fff;color:#334155}.comment-stance-toggle button.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8;box-shadow:0 10px 20px #1d4ed840}.comment-stance-select{margin-bottom:12px}.comment-stance-select label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#475569}.comment-stance-select select{border:1px solid #cbd5f5;border-radius:8px;padding:8px 10px;max-width:220px}.char-count{font-size:.8rem;color:#64748b}.comment-submit{background:var(--cmt-submit-bg, #2563eb);color:var(--cmt-submit-color, #fff);border:none;border-radius:0;padding:10px 22px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.comment-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #2563eb33}.comment-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.comment-attachment-area{margin:8px 0;display:flex;flex-wrap:wrap;gap:8px}.comment-attachment-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:0;background:#f8fbff;color:#1e293b;font-size:.85rem;font-weight:500;border:1px solid #cbd5f5;transition:background .15s,border-color .15s}.comment-attachment-chip:hover{background:#eef4ff;border-color:#93c5fd}.comment-attachment-chip .chip-icon{width:20px;height:20px;flex:0 0 20px;color:#2563eb;display:flex;align-items:center;justify-content:center}.comment-attachment-chip .chip-icon svg{width:20px;height:20px;display:block}.comment-attachment-chip .chip-content{display:flex;flex-direction:column;gap:1px}.comment-attachment-chip .chip-title{font-weight:600;font-size:.85rem;color:#1e293b}.comment-attachment-chip .chip-meta{font-size:.72rem;color:#64748b;font-weight:400}.comment-attachment-chip .chip-remove{background:none;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .15s}.comment-attachment-chip .chip-remove:hover{color:#dc2626}.comment-attachment-chip .chip-remove svg{width:16px;height:16px}.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 var(--cmt-item-border, #e2e8f0);box-shadow:none;position:relative}.comment-item:last-child{border-bottom:none}.comment-item.is-reply{margin-left:30px;padding-left:16px;border-left:2px solid #d1d5db;background:transparent}.comment-avatar{flex-shrink:0;width:38px;height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--cmt-avatar, #fff);background:#2563eb;font-size:.8rem}.comment-avatar.party-box{border-radius:0}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--cmt-meta, #64748b);margin-bottom:6px;flex-wrap:wrap}.comment-vote{font-size:.78rem;color:#94a3b8;display:inline-flex;align-items:center;gap:4px}.comment-loading{display:block;text-align:center;padding:40px 20px;color:#64748b}.comment-loading .loading-spinner{margin:0 auto 12px}.comment-empty{display:none;padding:40px 20px;text-align:center;color:var(--cmt-empty, #64748b);background:none;border:none;border-radius:0}.comment-info-message{color:var(--cmt-info, #6b7280);font-size:.9rem;margin:8px 0}.comment-graph-links{margin-top:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.comment-graph-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--cmt-graph-link-border, #cbd5f5);border-radius:0;background:var(--cmt-graph-link-bg, #f8fbff);color:var(--cmt-graph-link-text, #1e293b);cursor:pointer;transition:background .2s ease,border-color .2s ease;width:fit-content;max-width:100%}.comment-graph-link:hover{background:var(--cmt-graph-link-hover-bg, #eef4ff);border-color:var(--cmt-graph-link-hover-border, #93c5fd)}.comment-graph-link-title{font-weight:600;font-size:.92rem;color:var(--cmt-graph-link-text, #1e293b)}.comment-graph-link-desc{font-size:.8rem;color:var(--cmt-graph-link-desc, #475569);margin-top:4px}.comment-graph-link-icon{width:24px;height:24px;flex:0 0 24px;color:var(--cmt-graph-link-icon, #2563eb);display:flex;align-items:center;justify-content:center}.comment-graph-link-icon svg{width:24px;height:24px;display:block}.comment-graph-link-main{display:flex;flex-direction:column;flex:0 1 auto;min-width:0}.locked-overlay{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;margin:0;border-radius:0;background:#f8fafff5;border:1px dashed rgba(37,99,235,.35);text-align:center;gap:18px}.locked-overlay-content{max-width:480px}.locked-overlay-title{font-size:1.1rem;font-weight:700;color:#111827;margin-bottom:12px}.locked-overlay-text{color:#4b5563;font-size:.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{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:10px 20px;border-radius:0;font-weight:700;text-decoration:none;background:#1d4ed8;color:#fff;border:1px solid #1d4ed8;transition:background .2s ease,border-color .2s ease,color .2s ease}.locked-overlay-actions .btn:hover{background:#1639a6;border-color:#1639a6;color:#fff}.locked-overlay-actions .btn-outline{background:#fff;color:#1d4ed8}.locked-overlay-actions .btn-outline:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.comment-quote{margin:12px 0;padding:12px 14px;border-left:3px solid var(--cmt-quote-border, #2563eb);background:var(--cmt-quote-bg, #f1f5f9);border-radius:0}.comment-quote-author{font-weight:600;font-size:.85rem;color:var(--cmt-quote-author, #1f2937)}.comment-quote-body{margin-top:6px;font-size:.9rem;color:var(--cmt-quote-body, #1f2937);white-space:pre-wrap;line-height:1.5}.comment-quote-meta{margin-top:6px;font-size:.75rem;color:var(--cmt-quote-meta, #64748b)}.graph-preview-backdrop{position:fixed;inset:0;background:#0f172a8c;display:none;align-items:center;justify-content:center;z-index:12000;padding:24px}.graph-preview-backdrop.is-open{display:flex}.graph-preview-panel{width:min(720px,100%);max-height:min(90vh,720px);background:var(--cmt-preview-panel-bg, #fff);border-radius:0;box-shadow:0 24px 60px #0f172a40;display:flex;flex-direction:column;overflow:hidden}.graph-preview-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:0;display:flex;align-items:center;justify-content:center;background:var(--cmt-preview-close-bg, #fff);border:1px solid var(--cmt-preview-close-border, #e2e8f0);cursor:pointer;color:var(--cmt-preview-close-color, #475569);transition:background .15s,color .15s}.graph-preview-close svg{width:20px;height:20px}.graph-preview-close:hover{background:var(--cmt-preview-close-hover-bg, #f1f5f9);color:var(--cmt-preview-close-hover-color, #1e293b)}.graph-preview-body{position:relative;padding:56px 20px 20px;overflow:auto;background:var(--cmt-preview-body-bg, #f8fafc)}.graph-preview-content{min-height:220px}@media(max-width:768px){.comment-section{margin-top:32px;padding:24px 15px}.comment-header{margin-bottom:12px;padding-bottom:6px}.comment-title{font-size:1.05rem}.comment-note,.comment-count{font-size:.8rem}.comment-form{padding:10px 0;margin-bottom:12px}.comment-textarea{min-height:90px;font-size:.9rem;padding:10px}.comment-form-footer{gap:8px}.comment-submit{padding:8px 16px;font-size:.9rem}.comment-item{gap:8px;padding:8px 10px}.comment-avatar{width:28px;height:28px;font-size:.65rem}.comment-meta{font-size:.72rem;gap:8px}.comment-content{font-size:.85rem;line-height:1.55}.comment-actions{gap:8px;font-size:.75rem}.comment-empty{padding:24px 12px;font-size:.82rem}.comment-quote{padding:10px 12px}.comment-quote-author{font-size:.8rem}.comment-quote-body{font-size:.82rem}.comment-quote-meta{font-size:.7rem}.comment-graph-link{padding:8px 10px}.comment-graph-link-title{font-size:.82rem}.comment-graph-link-desc{font-size:.7rem}.comment-item.is-reply{margin-left:16px}.comment-actions{flex-wrap:wrap;gap:8px}}:where(.graph-preview-content) :where(.party-chart-layout),:where(.graph-preview-content) :where(.type-party-layout){display:flex;align-items:center;justify-content:center;gap:24px;margin-top:12px;flex:1;min-height:320px;background:var(--layout-bg, #f3f4f6);border:2px solid var(--layout-color, #94a3b8);border-top:5px solid var(--layout-color, #94a3b8);box-shadow:4px 4px #94a3b840;box-sizing:border-box;padding:24px}:where(.graph-preview-content) :where(.type-party-layout.is-compact){min-height:auto}:where(.graph-preview-content) :where(.post-style-card){border:2px solid rgba(148,163,184,.35);padding:18px 20px 20px;background:#fff;box-shadow:4px 4px #94a3b82e;text-align:center;box-sizing:border-box;width:min(520px,100%)}:where(.graph-preview-content) :where(.post-style-card-content){padding:8px 0}:where(.graph-preview-content) :where(.party-bar-list){--party-box-width: 44px;--party-bar-gap: 8px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;width:min(320px,100%);min-height:240px;max-height:320px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;background:#fff;border-radius:0;box-sizing:border-box}:where(.graph-preview-content) :where(.party-bar-list):before{content:"";position:absolute;top:var(--party-bar-line-top, 0px);bottom:var(--party-bar-line-bottom, 0px);left:var(--party-bar-zero-x, calc(var(--party-box-width) + var(--party-bar-gap)));width:1px;background:#94a3b88c;pointer-events:none;z-index:0}:where(.graph-preview-content) :where(.party-bar-list)>*{position:relative;z-index:1}:where(.graph-preview-content) :where(.party-bar-row){display:grid;grid-template-columns:var(--party-box-width) 1fr;align-items:center;column-gap:var(--party-bar-gap);text-decoration:none;color:inherit}:where(.graph-preview-content) :where(.party-box){width:var(--party-box-width);min-width:var(--party-box-width);height:24px;display:flex;align-items:center;justify-content:center;border-radius:0;color:#fff;font-weight:700;font-size:.85rem;padding:0;box-sizing:border-box;flex-shrink:0}:where(.graph-preview-content) :where(.party-bar-fill){position:relative;height:20px;border-radius:0;min-width:4px;display:flex;align-items:center;padding:0 6px;color:#fff;font-weight:700;font-size:.8rem;overflow:hidden;box-sizing:border-box}:where(.graph-preview-content) :where(.party-bar-pct){position:relative;z-index:1;white-space:nowrap;color:#fff}:where(.graph-preview-content) :where(.party-bar-pct).is-small{opacity:0}:where(.graph-preview-content) :where(.party-bar-row:hover) :where(.party-bar-pct.is-small){opacity:1}.graph-preview-overall{display:flex;align-items:center;gap:24px}.graph-preview-pie-wrapper{position:relative;flex-shrink:0;width:320px;height:320px;display:flex;align-items:center;justify-content:center}.graph-preview-pie-wrapper canvas{width:320px;height:320px;display:block}.graph-preview-date-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .4s ease}.graph-preview-date-overlay.show{opacity:1}.graph-preview-date-overlay .date-month{font-size:1.2rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.graph-preview-date-overlay .date-day{font-size:3.4rem;font-weight:800;color:#1a1a1a;line-height:.9;letter-spacing:-.04em}.graph-preview-date-overlay .date-label{font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.graph-preview-breakdown{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.graph-preview-breakdown-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:0;background:#fafafa;border-left:4px solid transparent;font-size:.88rem;font-weight:600;color:#1f2937;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.graph-preview-breakdown-item.is-active{transform:translateY(-2px);box-shadow:0 14px 32px #94a3b838;border-color:#93c5fd}.graph-preview-breakdown-label{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.graph-preview-breakdown-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graph-preview-breakdown-color{width:14px;height:14px;border-radius:0;flex-shrink:0}.graph-preview-breakdown-value{font-weight:700;color:#111827;font-size:.9rem;margin-left:12px;flex-shrink:0}.graph-preview-legend{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;font-size:.8rem;color:#475569}.graph-preview-legend-item{display:flex;align-items:center;gap:6px}.graph-preview-legend-color{width:12px;height:12px;border-radius:0}.graph-preview-tooltip{position:absolute;pointer-events:none;background:#111827eb;color:#fff;font-size:.78rem;padding:6px 10px;border-radius:0;box-shadow:0 18px 38px #0f172a47;opacity:0;transform:translate(-50%,-12px);transition:opacity .12s ease;z-index:12;white-space:nowrap}.graph-preview-tooltip.is-visible{opacity:1}.graph-preview-content .preview-vertical-bar-chart{display:flex;align-items:flex-end;justify-content:center;gap:18px;height:260px;padding:24px 12px 0;margin:12px auto 8px;border-bottom:3px solid #1f2937;max-width:100%}.graph-preview-content .vertical-bar{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 64px;min-width:64px}.graph-preview-content .vertical-bar-segment{width:100%;border-radius:0;display:flex;align-items:flex-end;justify-content:center;font-size:.82rem;font-weight:700;color:#fff;padding-bottom:6px;min-height:32px;box-shadow:0 12px 24px #0f172a2e;transition:opacity .2s ease}.graph-preview-content .vertical-bar-segment:hover{opacity:.88}.graph-preview-content .vertical-bar-label{display:none}.graph-preview-content .preview-bar-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:18px auto 0;font-size:.85rem;color:#374151}.graph-preview-content .preview-bar-legend .legend-item{display:flex;align-items:center;gap:8px}.graph-preview-content .preview-bar-legend .legend-color{width:14px;height:14px;border-radius:0}@media(max-width:768px){.graph-preview-panel{width:100%;max-height:100vh;border-radius:0}.graph-preview-body{padding:52px 16px 16px}.graph-preview-content{min-height:200px}:where(.graph-preview-content) :where(.party-chart-layout),:where(.graph-preview-content) :where(.type-party-layout){min-height:auto;padding:16px 12px;gap:12px}:where(.graph-preview-content) :where(.post-style-card){padding:12px 10px;box-shadow:none}:where(.graph-preview-content) :where(.party-bar-list){min-height:auto;max-height:none;padding:10px;background:transparent}:where(.graph-preview-content) :where(.party-box){height:20px;font-size:.75rem}:where(.graph-preview-content) :where(.party-bar-fill){height:16px;font-size:.7rem}.graph-preview-overall{flex-direction:column;align-items:center;gap:20px}.graph-preview-pie-wrapper{width:220px;height:220px}.graph-preview-pie-wrapper canvas{width:220px;height:220px}.graph-preview-date-overlay .date-month{font-size:1rem}.graph-preview-date-overlay .date-day{font-size:2.6rem}.graph-preview-breakdown{max-width:320px;width:100%}.graph-preview-breakdown-item{padding:10px 14px}.graph-preview-breakdown-value{font-size:.85rem}.graph-preview-content .preview-vertical-bar-chart{height:220px;gap:14px;padding:20px 8px 0}.graph-preview-content .vertical-bar{flex:0 0 56px;min-width:56px}.graph-preview-content .preview-bar-legend{gap:14px;margin-top:16px;font-size:.8rem}}.preview-bar-row{margin-bottom:12px}.preview-bar-label{font-weight:600;font-size:.85rem;color:#1f2937;margin-bottom:6px}.preview-bar-track{display:flex;height:24px;border-radius:0;overflow:hidden;border:1px solid #cbd5f5;background:#fff}.preview-bar-segment{height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;font-weight:600}.preview-empty{padding:24px;text-align:center;font-size:.9rem;color:var(--cmt-preview-empty, #64748b)}@media(max-width:768px){.comment-theme-dark-mobile,.delete-confirm-overlay.comment-theme-dark-mobile,.graph-preview-backdrop.comment-theme-dark-mobile{--cmt-title: #fff;--cmt-note: #cccccc;--cmt-count: #cccccc;--cmt-author: #e2e8f0;--cmt-content: #f8fafc;--cmt-item-border: #555555;--cmt-avatar: #e2e8f0;--cmt-meta: #94a3b8;--cmt-empty: #94a3b8;--cmt-info: #cbd5e1;--cmt-link: #93c5fd;--cmt-action: #93c5fd;--cmt-action-hover: #dbeafe;--cmt-action-delete: #fca5a5;--cmt-action-delete-hover-bg: rgba(248, 113, 113, .12);--cmt-textarea-bg: #111827;--cmt-textarea-border: #334155;--cmt-textarea-color: #f8fafc;--cmt-submit-bg: #60a5fa;--cmt-submit-color: #0b1120;--cmt-graph-link-bg: #0f172a;--cmt-graph-link-border: #334155;--cmt-graph-link-text: #e2e8f0;--cmt-graph-link-hover-bg: #1e293b;--cmt-graph-link-hover-border: #60a5fa;--cmt-graph-link-desc: #cbd5e1;--cmt-graph-link-icon: #60a5fa;--cmt-quote-bg: #1e293b;--cmt-quote-border: #60a5fa;--cmt-quote-author: #e2e8f0;--cmt-quote-body: #f8fafc;--cmt-quote-meta: #94a3b8;--cmt-dialog-bg: #1f2937;--cmt-dialog-border: #475569;--cmt-dialog-title: #f8fafc;--cmt-dialog-text: #cbd5e1;--cmt-dialog-cancel-bg: #111827;--cmt-dialog-cancel-color: #e2e8f0;--cmt-dialog-cancel-border: #475569;--cmt-dialog-cancel-hover-bg: #334155;--cmt-preview-panel-bg: #1f2937;--cmt-preview-close-bg: #0f172a;--cmt-preview-close-border: #475569;--cmt-preview-close-color: #cbd5e1;--cmt-preview-close-hover-bg: #1e293b;--cmt-preview-close-hover-color: #fff;--cmt-preview-body-bg: #111827;--cmt-preview-empty: #cbd5e1}}.comment-stance{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:0;background:#e2e8f0;color:#1f2937}.comment-stance-pro{background:#e0f2fe;color:#1d4ed8}.comment-stance-con{background:#fee2e2;color:#b91c1c}.comment-author{font-weight:600;color:var(--cmt-author, #334155)}.comment-content{font-size:1rem;color:var(--cmt-content, #1f2937);line-height:1.6;white-space:pre-wrap;word-break:break-word}.comment-actions{display:flex;gap:12px;font-size:.85rem;margin-top:10px}.comment-actions-left,.comment-actions-right{display:flex;align-items:center;gap:10px}.reaction-buttons{display:flex;gap:4px}.reaction-btn{background:none;border:none;border-radius:0;padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease;font-size:.8rem;color:#6c757d;font-weight:500;white-space:nowrap}.reaction-btn svg{width:16px;height:16px;flex-shrink:0}.reaction-btn:hover{background:#f3f4f6}.reaction-btn.active{color:#2563eb}.reaction-btn.agree.active{background:#fee2e2;color:#dc2626;border-color:#fecaca}.reaction-btn.disagree.active{background:#dbeafe;color:#2563eb;border-color:#bfdbfe}.action-btn{background:none;border:none;color:var(--cmt-action, #6c757d);cursor:pointer;font-weight:500;padding:4px 0;margin-left:8px;font-size:.8rem;transition:color .2s ease}.action-btn:hover{color:var(--cmt-action-hover, #495057)}.action-btn.delete{color:var(--cmt-action-delete, #dc2626)}.action-btn.delete:hover{background:var(--cmt-action-delete-hover-bg, #f3f4f6)}.reply-form{margin-top:8px;padding:10px;background:none;border-radius:0;border:none;clear:both}.reply-textarea{width:100%;min-height:80px;border:1px solid var(--cmt-textarea-border, #e5e7eb);border-radius:0;padding:8px;font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:8px;background:var(--cmt-textarea-bg, #fff);color:var(--cmt-textarea-color, inherit)}.reply-form-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.reply-btn{background:#2563eb;color:#fff;border:none;border-radius:0;padding:6px 12px;font-size:.85rem;cursor:pointer}.cancel-btn{background:#6b7280;color:#fff;border:none;border-radius:0;padding:6px 12px;font-size:.85rem;cursor:pointer}.comment-more{text-align:center;margin-top:16px}.more-link{color:#2563eb;text-decoration:none;padding:8px 16px;border:none;border-radius:0;background:none;transition:all .2s}.more-link:hover{text-decoration:underline}.comment-login-hint{margin-top:12px;font-size:.85rem;color:var(--cmt-info, #64748b)}.comment-login-hint a{color:var(--cmt-link, #2563eb);text-decoration:none}.comment-login-hint a:hover{text-decoration:underline}.delete-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:9999}.delete-confirm-dialog{background:var(--cmt-dialog-bg, #fff);border:1px solid var(--cmt-dialog-border, transparent);border-radius:0;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.delete-confirm-title{font-size:1.125rem;font-weight:600;color:var(--cmt-dialog-title, #1f2937);margin-bottom:8px}.delete-confirm-message{color:var(--cmt-dialog-text, #6b7280);margin-bottom:24px;line-height:1.5}.delete-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.delete-confirm-btn{padding:8px 16px;border-radius:0;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid}.delete-confirm-cancel{background:var(--cmt-dialog-cancel-bg, #fff);color:var(--cmt-dialog-cancel-color, #374151);border-color:var(--cmt-dialog-cancel-border, #d1d5db)}.delete-confirm-cancel:hover{background:var(--cmt-dialog-cancel-hover-bg, #f9fafb)}.delete-confirm-delete{background:#dc2626;color:#fff;border-color:#dc2626}.delete-confirm-delete:hover{background:#b91c1c}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:none;align-items:center;justify-content:center;border-radius:0}.loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #2563eb;border-radius:999px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}