.yesno-picker{max-width:1200px;margin:0 auto;padding:20px 16px 40px}.yesno-picker__container{width:100%}.yesno-picker__header{text-align:center;margin-bottom:32px}.yesno-picker__header h1{font-size:2.25rem;font-weight:800;color:#1e293b;margin-bottom:8px}.yesno-picker__header p{font-size:1.125rem;color:#64748b}.yesno-picker__main{display:flex;gap:32px;align-items:flex-start}.yesno-picker__sidebar{flex:0 0 260px;min-width:220px;order:2;display:flex;flex-direction:column;gap:16px}.yesno-picker__card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 16px rgba(0,0,0,6%)}.yesno-picker__section{margin-bottom:24px}.yesno-picker__section:last-child{margin-bottom:0}.yesno-picker__label{display:block;font-size:.8rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.yesno-picker__mode-buttons{display:flex;flex-direction:column;gap:8px}.yesno-picker button,.yesno-picker .yesno-picker__btn,.yesno-picker .yesno-picker__set-btn{background-color:transparent;color:inherit;border:none;padding:0;font-family:inherit}.yesno-picker__btn{display:block;width:100%;padding:12px 16px !important;border:2px solid #cbd5e1 !important;border-radius:10px;font-size:.9rem;font-weight:600;color:#475569 !important;background-color:#f8fafc !important;cursor:pointer;transition:all .2s ease;text-align:center}.yesno-picker__btn:hover{background-color:#f1f5f9 !important;border-color:#94a3b8 !important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,8%)}.yesno-picker__btn--active{background-color:#2563eb !important;border-color:#2563eb !important;color:#fff !important;box-shadow:0 4px 12px rgba(37,99,235,.3)}.yesno-picker__btn--active:hover{background-color:#1d4ed8 !important;border-color:#1d4ed8 !important;color:#fff !important}.yesno-picker__set-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.yesno-picker__set-btn{display:flex;align-items:center;justify-content:center;padding:8px 4px !important;border:2px solid #cbd5e1 !important;border-radius:10px;font-size:.95rem;font-weight:700;color:#475569 !important;background-color:#f8fafc !important;cursor:pointer;transition:all .2s ease;min-height:38px}.yesno-picker__set-btn:hover{background-color:#f1f5f9 !important;border-color:#94a3b8 !important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,8%)}.yesno-picker__set-btn--active{background-color:#2563eb !important;border-color:#2563eb !important;color:#fff !important;box-shadow:0 4px 12px rgba(37,99,235,.3)}.yesno-picker__set-btn--active:hover{background-color:#1d4ed8 !important;border-color:#1d4ed8 !important;color:#fff !important}.yesno-picker__wheel-area{flex:1;min-width:0;order:1}.yesno-picker__wheel-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 4px 16px rgba(0,0,0,6%)}.yesno-picker__wheel-wrapper{display:flex;justify-content:center;margin-bottom:16px}.yesno-picker .wheel-container{width:500px !important;height:500px !important;margin:0 auto 20px}.yesno-picker .wheel-container canvas{width:500px !important;height:500px !important}.yesno-picker .wheel-pointer{top:calc(50% - 60px)}.yesno-picker .wheel-center{font-size:.8rem;letter-spacing:.1em}.yesno-picker__counters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.yesno-picker__counter{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 12px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,6%);display:flex;flex-direction:column;gap:4px}.yesno-picker__counter--yes{border-left:4px solid #22c55e}.yesno-picker__counter--no{border-left:4px solid #ef4444}.yesno-picker__counter--maybe{border-left:4px solid #f59e0b;grid-column:1/-1}.yesno-picker__counter--maybe .yesno-picker__counter-value{color:#d97706}.yesno-picker__counter-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.yesno-picker__counter-value{font-size:2rem;font-weight:800;color:#1e293b;line-height:1}.yesno-picker__counter--yes .yesno-picker__counter-value{color:#16a34a}.yesno-picker__counter--no .yesno-picker__counter-value{color:#dc2626}.yesno-picker__btn--reset{background-color:#f1f5f9 !important;border-color:#cbd5e1 !important;color:#64748b !important;font-size:.85rem !important;padding:10px 16px !important}.yesno-picker__btn--reset:hover{background-color:#e2e8f0 !important;border-color:#94a3b8 !important;color:#475569 !important}.yesno-picker__content{margin-top:48px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.8;color:#374151}.yesno-picker__content h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin-top:32px;margin-bottom:12px}.yesno-picker__content h3{font-size:1.35rem;font-weight:600;color:#334155;margin-top:24px;margin-bottom:8px}.yesno-picker__content p{margin-bottom:16px}.yesno-picker__content ul,.yesno-picker__content ol{padding-left:24px;margin-bottom:16px}.yesno-picker__content li{margin-bottom:6px}@media(max-width:900px){.yesno-picker__main{flex-direction:column;align-items:center}.yesno-picker__sidebar{flex:none;width:100%;max-width:500px;order:-1}.yesno-picker__counters{grid-template-columns:1fr 1fr}.yesno-picker__card{display:flex;gap:24px;align-items:flex-start}.yesno-picker__section{flex:1;margin-bottom:0}.yesno-picker__wheel-area{width:100%;display:flex;justify-content:center}}@media(max-width:600px){.yesno-picker__header h1{font-size:1.75rem}.yesno-picker__header p{font-size:1rem}.yesno-picker .wheel-container{width:320px !important;height:320px !important}.yesno-picker .wheel-container canvas{width:320px !important;height:320px !important}.yesno-picker__wheel-card{padding:20px 16px}.yesno-picker__card{flex-direction:column;gap:16px}.yesno-picker__section{margin-bottom:0}}