.tool-page{max-width:900px;margin:0 auto;padding:48px 24px 80px}.tool-hero{text-align:center;margin-bottom:48px}.tool-hero h1{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--text-primary);margin:0 0 12px;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.15}.tool-hero p{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);max-width:540px;margin:0 auto;font-size:1.1rem;line-height:1.5}.tool-section{margin-top:56px}.tool-section h2{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--text-primary);margin:0 0 20px;font-size:1.5rem}.tool-interactive{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 32px;box-shadow:0 2px 8px #1a171414}.tool-timer-wrap{flex-direction:column;align-items:center;gap:24px;display:flex}.tool-timer-label{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);text-align:center;font-size:1.1rem;font-weight:600}.tool-timer-label-input{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-primary);text-align:center;border:none;border-bottom:2px dashed var(--border);background:0 0;outline:none;width:100%;max-width:360px;padding:4px 8px;font-size:1.1rem;font-weight:600}.tool-timer-label-input:focus{border-bottom-color:var(--accent)}.tool-timer-mode-toggle{background:var(--surface2);border-radius:var(--radius);border:1px solid var(--border);display:flex;overflow:hidden}.tool-timer-mode-btn{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s}.tool-timer-mode-btn.active{background:var(--accent);color:#fff}.tool-timer-presets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tool-timer-preset{font-family:var(--font-dm-sans),"DM Sans",sans-serif;border:1px solid var(--border);background:var(--surface2);color:var(--text-secondary);cursor:pointer;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.tool-timer-preset:hover{border-color:var(--accent);color:var(--accent)}.tool-timer-preset.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.tool-timer-display-row{justify-content:center;align-items:center;gap:16px;display:flex}.tool-timer-adj{border:1px solid var(--border);background:var(--surface2);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;font-size:28px;font-weight:300;font-family:var(--font-dm-sans),"DM Sans",sans-serif;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.tool-timer-adj:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.tool-timer-display{font-family:var(--font-dm-serif),"DM Serif Display",serif;letter-spacing:-.02em;color:var(--text-primary);text-align:center;-webkit-user-select:none;user-select:none;min-width:3ch;font-size:clamp(4rem,12vw,8rem);line-height:1;transition:color .3s}.tool-timer-display.warning{color:#d97706}.tool-timer-display.danger,.tool-timer-display.overtime{color:var(--red)}@keyframes toolTimerFlash{0%,to{opacity:1}50%{opacity:.15}}.tool-timer-display.flashing{color:var(--red);animation:.7s ease-in-out infinite toolTimerFlash}.tool-timer-display.traffic-green{color:var(--green)}.tool-timer-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tool-timer-btn{font-family:var(--font-dm-sans),"DM Sans",sans-serif;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface2);color:var(--text-secondary);cursor:pointer;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.tool-timer-btn:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.tool-timer-btn.go{background:var(--green-dim);border-color:var(--green);color:var(--green)}.tool-timer-btn.go:hover{background:var(--green);color:#fff}.tool-timer-btn.fullscreen-btn{border-color:var(--border);color:var(--text-tertiary);background:0 0;padding:12px 16px}.tool-timer-btn.fullscreen-btn:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.tool-timer-progress{background:var(--surface2);border-radius:2px;width:100%;max-width:400px;height:4px;overflow:hidden}.tool-timer-progress-bar{background:var(--accent);border-radius:2px;height:100%;transition:width 1s linear}.tool-timer-progress-bar.warning{background:#d97706}.tool-timer-progress-bar.danger{background:var(--red)}.tool-timer-progress-bar.traffic-green{background:var(--green)}.tool-timer-fullscreen{z-index:300;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.tool-timer-fullscreen .tool-timer-label,.tool-timer-fullscreen .tool-timer-label-input{margin-bottom:16px;font-size:clamp(1.5rem,4vw,2.5rem)}.tool-timer-fullscreen .tool-timer-display{font-size:clamp(6rem,22vw,20rem)}.tool-timer-fullscreen .tool-timer-presets{display:none}.tool-timer-fullscreen .tool-timer-btns{position:absolute;bottom:40px}.tool-timer-fullscreen .tool-timer-progress{border-radius:0;width:100%;max-width:none;position:absolute;bottom:0;left:0}.tool-timer-exit{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .15s;display:flex;position:absolute;top:20px;right:20px}.tool-timer-exit:hover{background:var(--surface2);color:var(--text-primary)}.test-timer-clock{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--text-secondary);text-align:center;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.test-timer-duration-row{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.test-timer-minutes-input{text-align:center;border:1px solid var(--border);background:var(--surface);width:4.5rem;color:var(--text);border-radius:6px;padding:.3rem .5rem;font-size:1rem}.test-timer-rules-area{flex-direction:column;gap:.5rem;width:100%;max-width:600px;display:flex}.test-timer-rules-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);text-align:center;font-size:.8rem;font-weight:600}.test-timer-rules-textarea{border:2px solid var(--border);background:var(--surface);width:100%;min-height:100px;color:var(--text);resize:vertical;text-align:center;box-sizing:border-box;border-radius:10px;padding:1rem 1.5rem;font-family:inherit;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;line-height:1.5}.test-timer-rules-textarea::placeholder{color:var(--text-secondary);opacity:.5;font-style:italic;font-weight:400}.tool-timer-fullscreen .test-timer-clock{font-size:clamp(3rem,6vw,6rem)}.tool-timer-fullscreen .test-timer-rules-textarea{min-height:130px;font-size:clamp(2rem,3.5vw,3.5rem)}.tool-timer-fullscreen .test-timer-duration-row{display:none}.tool-quiz-mode-toggle{background:var(--surface2);border-radius:var(--radius);border:1px solid var(--border);display:flex;overflow:hidden}.tool-quiz-config{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.tool-quiz-config label{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.tool-quiz-config select,.tool-quiz-config input[type=number]{font-family:var(--font-dm-sans),"DM Sans",sans-serif;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);padding:8px 12px;font-size:14px}.tool-quiz-progress-info{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);text-align:center;font-size:14px;font-weight:600}.tool-debate-sides{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tool-debate-side{background:var(--surface);border:2px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:32px 20px;transition:all .2s;display:flex}.tool-debate-side.for-side{border-color:var(--green);background:var(--green-dim)}.tool-debate-side.against-side{border-color:var(--red);background:var(--red-dim)}.tool-debate-side.active-side{transform:translateY(-2px);box-shadow:0 4px 16px #1a17141f}.tool-debate-side-label{font-family:var(--font-dm-sans),"DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:700}.tool-debate-side.for-side .tool-debate-side-label{color:var(--green)}.tool-debate-side.against-side .tool-debate-side-label{color:var(--red)}.tool-debate-timer-display{font-family:var(--font-dm-serif),"DM Serif Display",serif;letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(2.5rem,8vw,5rem);line-height:1;transition:color .3s}.tool-debate-timer-display.flashing{color:var(--red);animation:.7s ease-in-out infinite toolTimerFlash}.tool-debate-round{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-tertiary);text-align:center;font-size:14px;font-weight:600}.tool-debate-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tool-picker-overlay{z-index:200;opacity:0;pointer-events:none;background:#0e0b09f0;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:28px 20px;transition:opacity .25s;display:flex;position:fixed;inset:0}.tool-picker-overlay.visible{opacity:1;pointer-events:auto}.tool-picker-result-wrap{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:none;display:flex}.tool-picker-type-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;font-size:12px;font-weight:700}.tool-picker-ticker-wrap{border-radius:20px;justify-content:center;align-items:center;width:100%;min-height:260px;padding:48px 60px;display:flex;overflow:hidden;box-shadow:0 8px 48px #00000080}.tool-picker-ticker-name{font-family:var(--font-dm-serif),"DM Serif Display",serif;text-align:center;word-break:keep-all;overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none;color:#fff;text-shadow:0 2px 20px #00000040;width:100%;font-size:clamp(40px,9vw,120px);line-height:1.05}@keyframes toolPickerBlur{0%,to{filter:blur();opacity:1}50%{filter:blur(5px);opacity:.3}}.tool-picker-ticker-name.rolling{animation:90ms linear infinite toolPickerBlur}@keyframes toolPickerLand{0%{transform:scale(1.08)}to{transform:scale(1)}}.tool-picker-ticker-name.landed{animation:.4s cubic-bezier(.34,1.4,.64,1) forwards toolPickerLand}.tool-picker-group-wrap{align-items:stretch;gap:10px;width:100%;display:flex}.tool-picker-group-slot{border-radius:16px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:260px;padding:32px 16px;display:flex;overflow:hidden;box-shadow:0 6px 32px #0006}.tool-picker-slot-name{font-family:var(--font-dm-serif),"DM Serif Display",serif;font-size:var(--picker-fs,clamp(22px,4vw,56px));text-align:center;word-break:keep-all;overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none;color:#fff;text-shadow:0 2px 12px #0003;width:100%;line-height:1.2}.tool-picker-slot-name.rolling{animation:90ms linear infinite toolPickerBlur}.tool-picker-slot-name.landed{animation:.4s cubic-bezier(.34,1.4,.64,1) forwards toolPickerLand}@keyframes toolPickerSlotSnap{0%{transform:scale(1.06);box-shadow:0 0 #ffffff80}50%{box-shadow:0 0 0 6px #ffffff4d}to{transform:scale(1);box-shadow:0 6px 32px #0006}}.tool-picker-group-slot.snapped{animation:.45s cubic-bezier(.34,1.4,.64,1) forwards toolPickerSlotSnap}.tool-picker-actions{opacity:0;pointer-events:none;align-items:center;gap:12px;transition:opacity .3s .15s,transform .3s .15s;display:flex;transform:translateY(8px)}.tool-picker-actions.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.tool-picker-again-btn{color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-dm-sans),"DM Sans",sans-serif;background:#ffffff26;border:none;border-radius:8px;padding:12px 28px;transition:background .15s}.tool-picker-again-btn:hover{background:#ffffff3d}.tool-picker-dismiss-btn{color:#ffffff8c;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-dm-sans),"DM Sans",sans-serif;background:0 0;border:1px solid #fff3;border-radius:8px;padding:12px 28px;transition:all .15s}.tool-picker-dismiss-btn:hover{color:#fff;background:#ffffff14}.tool-picker-rotation-badge{color:#ffffff52;letter-spacing:.04em;font-size:11px}.tool-picker-input{flex-direction:column;gap:16px;display:flex}.tool-picker-textarea{font-family:var(--font-dm-sans),"DM Sans",sans-serif;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);resize:vertical;outline:none;min-height:160px;padding:16px;font-size:14px;line-height:1.6;transition:border-color .15s}.tool-picker-textarea:focus{border-color:var(--accent)}.tool-picker-textarea::placeholder{color:var(--text-tertiary)}.tool-picker-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tool-picker-count{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-tertiary);margin-left:auto;font-size:13px}.tool-picker-group-select{font-family:var(--font-dm-sans),"DM Sans",sans-serif;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);padding:8px 12px;font-size:14px}.tool-picker-btn{font-family:var(--font-dm-sans),"DM Sans",sans-serif;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.tool-picker-btn:hover{background:var(--accent-dark)}.tool-picker-btn:disabled{opacity:.4;cursor:not-allowed}.tool-picker-btn.secondary{background:var(--surface2);border:1px solid var(--border);color:var(--text-secondary)}.tool-picker-btn.secondary:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.tool-picker-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tool-picker-list-item{font-family:var(--font-dm-sans),"DM Sans",sans-serif;background:var(--surface2);color:var(--text-secondary);border:1px solid var(--border);border-radius:100px;padding:4px 10px;font-size:12px;font-weight:600}.tool-picker-list-item.picked{opacity:.4;text-decoration:line-through}.tool-gm-wrap{flex-direction:column;gap:20px;display:flex}.tool-gm-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tool-gm-size-label{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);font-size:14px;font-weight:600}.tool-gm-size-btns{gap:6px;display:flex}.tool-gm-size-btn{font-family:var(--font-dm-sans),"DM Sans",sans-serif;border:1px solid var(--border);background:var(--surface2);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .15s;display:flex}.tool-gm-size-btn:hover{border-color:var(--accent);color:var(--accent)}.tool-gm-size-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.tool-gm-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.tool-gm-card{opacity:0;border-radius:12px;flex-direction:column;gap:8px;padding:16px;transition:opacity .25s,transform .25s;display:flex;transform:scale(.9);box-shadow:0 2px 8px #1a171414}.tool-gm-card.dealt{opacity:1;transform:scale(1)}.tool-gm-card-header{font-family:var(--font-dm-sans),"DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3;font-size:11px;font-weight:700}.tool-gm-card-member{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:#fff;font-size:15px;font-weight:600;line-height:1.4}.tool-gm-fullscreen{z-index:300;background:var(--bg);flex-direction:column;padding:20px;display:flex;position:fixed;inset:0}.tool-gm-fs-grid{flex:1;gap:10px;min-height:0;display:grid}.tool-gm-fs-card{min-height:0;padding-top:12px;display:flex;position:relative}.tool-gm-fs-card-label{font-family:var(--font-dm-sans),"DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#ffffffe6;z-index:2;pointer-events:none;white-space:nowrap;background:#0000004d;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.tool-gm-fs-card-inner{border-radius:10px;flex-direction:column;width:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000001f}.tool-gm-fs-member{text-align:center;flex:1;justify-content:center;align-items:center;min-width:0;padding:12px 16px;display:flex;overflow:hidden}.tool-gm-fs-member-name{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:#fff;word-break:keep-all;overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none;text-align:center;font-size:clamp(16px,2vw,28px);font-weight:400;line-height:1.2}.tool-gm-fs-controls{justify-content:center;gap:10px;padding-top:16px;display:flex}.tool-gm-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tool-topic-wrap{flex-direction:column;align-items:center;gap:24px;display:flex}.tool-topic-filters{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tool-topic-filter-btn{font-family:var(--font-dm-sans),"DM Sans",sans-serif;border:1px solid var(--border);background:var(--surface2);color:var(--text-secondary);cursor:pointer;border-radius:100px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.tool-topic-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.tool-topic-filter-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.tool-topic-card{background:var(--accent-dim);border:1px solid var(--accent);text-align:center;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:600px;min-height:120px;padding:40px 32px;display:flex}.tool-topic-text{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--text-primary);font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.3}.tool-topic-badge{font-family:var(--font-dm-sans),"DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.tool-topic-badge.beginner{background:var(--green-dim);color:var(--green)}.tool-topic-badge.intermediate{background:var(--accent-dim);color:var(--accent)}.tool-topic-badge.advanced{background:var(--premium-dim);color:var(--premium)}.tool-topic-remaining{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-tertiary);font-size:13px}.tool-tot-wrap{flex-direction:column;align-items:center;gap:24px;display:flex}.tool-tot-cards{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;width:100%;max-width:700px;display:grid}.tool-tot-card{text-align:center;border-radius:16px;justify-content:center;align-items:center;min-height:160px;padding:40px 24px;display:flex;box-shadow:0 2px 8px #1a171414}.tool-tot-card-text{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:#fff;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.2}.tool-tot-or{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--text-tertiary);justify-content:center;align-items:center;padding:0 16px;font-size:1.25rem;font-style:italic;display:flex}.tool-noise-wrap{flex-direction:column;align-items:center;gap:24px;display:flex}.tool-noise-meter{background:var(--surface2);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;height:32px;overflow:hidden}.tool-noise-bar{border-radius:16px;height:100%;transition:width .1s,background .3s}.tool-noise-bar.quiet{background:var(--green)}.tool-noise-bar.moderate{background:#d97706}.tool-noise-bar.loud{background:var(--red)}.tool-noise-level-text{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--text-primary);font-size:clamp(2rem,6vw,4rem);transition:color .3s}.tool-noise-level-text.quiet{color:var(--green)}.tool-noise-level-text.moderate{color:#d97706}.tool-noise-level-text.loud{color:var(--red)}.tool-noise-status{font-family:var(--font-dm-sans),"DM Sans",sans-serif;font-size:1.25rem;font-weight:700}.tool-noise-sensitivity{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);align-items:center;gap:12px;font-size:13px;display:flex}.tool-noise-sensitivity input[type=range]{width:160px;accent-color:var(--accent)}.tool-noise-privacy{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-tertiary);text-align:center;max-width:400px;font-size:12px;line-height:1.5}.tool-noise-permission-btn{font-family:var(--font-dm-sans),"DM Sans",sans-serif;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:14px 28px;font-size:14px;font-weight:600;transition:all .2s}.tool-noise-permission-btn:hover{background:var(--accent-dark)}.tool-cta{background:var(--premium-dim);border-left:4px solid var(--premium);border-radius:var(--radius);align-items:center;gap:24px;padding:28px 32px;display:flex}.tool-cta-content{flex:1}.tool-cta h3{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--text-primary);margin:0 0 6px;font-size:1.25rem}.tool-cta p{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.tool-cta-btn{font-family:var(--font-dm-sans),"DM Sans",sans-serif;border-radius:var(--radius);background:var(--premium);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.tool-cta-btn:hover{background:#6b3fc4}.tool-faq-list{flex-direction:column;gap:0;display:flex}.tool-faq-item{border-bottom:1px solid var(--border)}.tool-faq-item:first-child{border-top:1px solid var(--border)}.tool-faq-q{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 0;font-size:15px;font-weight:600;display:flex}.tool-faq-q:hover{color:var(--accent)}.tool-faq-chevron{color:var(--text-tertiary);flex-shrink:0;font-size:12px;transition:transform .2s}.tool-faq-item.open .tool-faq-chevron{transform:rotate(180deg)}.tool-faq-a{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);padding:0 0 16px;font-size:14px;line-height:1.6;display:none}.tool-faq-item.open .tool-faq-a{display:block}.tool-howto-steps{counter-reset:howto-step;flex-direction:column;gap:20px;display:flex}.tool-howto-step{counter-increment:howto-step;align-items:flex-start;gap:16px;display:flex}.tool-howto-step:before{content:counter(howto-step);font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--accent);background:var(--accent-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;line-height:1;display:flex}.tool-howto-step p{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);margin:0;padding-top:6px;font-size:15px;line-height:1.5}.tool-index-hero{text-align:center;margin-bottom:48px}.tool-index-hero h1{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--text-primary);margin:0 0 12px;font-size:clamp(1.75rem,5vw,2.5rem)}.tool-index-hero p{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1.1rem;line-height:1.5}.tool-index-category{margin-bottom:40px}.tool-index-category h2{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--text-primary);margin:0 0 16px;font-size:1.35rem}.tool-index-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tool-index-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:24px;text-decoration:none;transition:all .2s;display:flex}.tool-index-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #1a17141f}.tool-index-card h3{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.tool-index-card p{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.tool-index-cta{text-align:center;background:var(--premium-dim);border-radius:16px;margin-top:56px;padding:40px 24px}.tool-index-cta h2{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--text-primary);margin:0 0 16px;font-size:1.5rem}[data-theme=dark] .tool-interactive{box-shadow:0 2px 8px #0003}[data-theme=dark] .tool-gm-card,[data-theme=dark] .tool-tot-card{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .tool-index-card{box-shadow:none}[data-theme=dark] .tool-index-card:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .tool-timer-exit{background:var(--surface2)}[data-theme=dark] .tool-cta{background:#7c4fd41f}@media (max-width:768px){.tool-page{padding:32px 16px 60px}.tool-interactive{padding:28px 20px}.tool-cta{text-align:center;flex-direction:column;gap:16px}.tool-index-grid{grid-template-columns:repeat(2,1fr)}.tool-debate-sides{grid-template-columns:1fr}.tool-tot-cards{grid-template-columns:1fr;gap:0}.tool-tot-or{padding:8px 0}.tool-picker-ticker-wrap{min-height:180px;padding:32px 24px}.tool-picker-group-wrap{flex-direction:column}.tool-picker-group-slot{min-height:120px}}@media (max-width:480px){.tool-index-grid{grid-template-columns:1fr}.tool-timer-display{font-size:clamp(3rem,15vw,5rem)}.tool-gm-grid{grid-template-columns:1fr}}