.feature-board{--fb-shipped: #22c55e;--fb-shipped-bg: rgba(34, 197, 94, .12);--fb-shipped-text: #166534;--fb-progress: #0284c7;--fb-progress-bg: rgba(2, 132, 199, .1);--fb-progress-text: #0369a1;--fb-planned: #7c3aed;--fb-planned-bg: rgba(124, 58, 237, .1);--fb-planned-text: #5b21b6;--fb-requested: #d97706;--fb-requested-bg: rgba(217, 119, 6, .1);--fb-requested-text: #92400e;--fb-cat-conditions: #0284c7;--fb-cat-sessions: #b45309;--fb-cat-community: #16a34a;--fb-cat-pro: #7c3aed;--fb-voted: #16a34a;--fb-voted-dark: #166534;background:linear-gradient(180deg,color-mix(in srgb,var(--color-teal) 5%,transparent) 0%,transparent 320px),var(--color-white);padding-block:var(--space-20) var(--space-24);min-height:calc(100dvh - 64px)}.feature-board__header{text-align:center;max-width:580px;margin-inline:auto;margin-bottom:var(--space-10)}.feature-board__label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-inter);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-teal);margin-bottom:var(--space-4)}.feature-board__title{font-family:var(--font-manrope);font-size:clamp(1.875rem,5vw,3rem);font-weight:var(--font-semibold);color:var(--color-teal-darkest);letter-spacing:var(--tracking-tighter);line-height:1.12;margin-bottom:var(--space-4)}.feature-board__subtitle{font-family:var(--font-inter);font-size:var(--text-lg);color:var(--color-teal-dark);line-height:var(--leading-relaxed);opacity:.68;margin-bottom:var(--space-5)}.feature-board__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:2rem}@media(max-width:639px){.feature-board__toolbar{display:none}}.feature-board__pills{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.feature-board__pill{display:inline-flex;align-items:center;gap:5px;padding:4px var(--space-3);border-radius:var(--radius-full);background:var(--color-white);border:1px solid var(--color-gray-200);font-family:var(--font-inter);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray-700);cursor:pointer;white-space:nowrap;transition:border-color .15s,background-color .15s,color .15s}.feature-board__pill:hover:not(.is-active){border-color:var(--color-gray-300);color:var(--color-teal-dark)}.feature-board__pill.is-active{background:var(--color-teal-darkest);border-color:var(--color-teal-darkest);color:var(--color-white);box-shadow:0 2px 8px color-mix(in srgb,var(--color-teal-dark) 20%,transparent)}.feature-board__pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:.8}.feature-board__pill.is-active .feature-board__pill-dot{background:var(--color-white-60)!important;opacity:1}.feature-board__pill-count:not(:empty){display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding-inline:3px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);background:var(--color-gray-100);color:var(--color-gray-700)}.feature-board__pill.is-active .feature-board__pill-count:not(:empty){background:var(--color-white-20);color:var(--color-white)}.feature-board__voter-count{font-family:var(--font-inter);font-size:var(--text-xs);color:var(--color-gray-500);font-weight:var(--font-semibold);white-space:nowrap;flex-shrink:0}.feature-board__tabs{display:none;gap:var(--space-1-5);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.feature-board__tabs::-webkit-scrollbar{display:none}@media(max-width:639px){.feature-board__tabs{display:flex;margin-inline:calc(-1 * var(--space-5));padding-inline:var(--space-5)}}.feature-board__tab{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-700);font-family:var(--font-inter);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background-color .15s,box-shadow .15s;flex-shrink:0}.feature-board__tab:hover:not(.is-active){border-color:var(--color-gray-300);color:var(--color-teal-dark)}.feature-board__tab.is-active{background:var(--color-teal-darkest);border-color:var(--color-teal-darkest);color:var(--color-white);box-shadow:0 2px 8px color-mix(in srgb,var(--color-teal-dark) 20%,transparent)}.feature-board__tab-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:.7}.feature-board__tab.is-active .feature-board__tab-dot{opacity:1;background:var(--color-white-60)!important}.feature-board__tab-count{display:none;align-items:center;justify-content:center;min-width:18px;height:18px;padding-inline:4px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);background:var(--color-white-20);color:inherit}.feature-board__tab-count:not(:empty){display:inline-flex}.feature-board__tab:not(.is-active) .feature-board__tab-count{background:var(--color-gray-100);color:var(--color-gray-700)}.feature-board__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);align-items:start}@media(max-width:1023px){.feature-board__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.feature-board__grid{grid-template-columns:1fr;gap:var(--space-3)}}.feature-board__col{display:flex;flex-direction:column;gap:var(--space-2-5);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4)}.feature-board__col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.feature-board__col-label{display:flex;align-items:center;gap:var(--space-2)}.feature-board__col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}[data-status=in_progress] .feature-board__col-dot{animation:fb-dot-pulse 2.2s ease-in-out infinite}@keyframes fb-dot-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--fb-progress) 30%,transparent)}50%{box-shadow:0 0 0 4px transparent}}.feature-board__col-title{font-family:var(--font-manrope);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-teal-darkest);letter-spacing:var(--tracking-tight)}.feature-board__col-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding-inline:var(--space-1-5);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-family:var(--font-inter);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-gray-700)}.feature-board__submit-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-10);padding:var(--space-8) var(--space-6);background:color-mix(in srgb,var(--color-teal) 6%,var(--color-white));border:1.5px solid color-mix(in srgb,var(--color-teal) 22%,transparent);border-radius:var(--radius-xl);text-align:center}.feature-board__submit-cta-title{margin:0;font-family:var(--font-inter);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-teal-dark)}.feature-board__submit-cta-subtitle{margin:0;font-family:var(--font-inter);font-size:var(--text-base);color:var(--color-text-secondary);max-width:480px;line-height:1.55}.feature-board__suggest{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-white);border:1.5px dashed color-mix(in srgb,var(--fb-requested) 40%,transparent);border-radius:var(--radius-md);color:var(--fb-requested-text);font-family:var(--font-inter);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:background-color .18s,border-color .18s,color .18s}.feature-board__suggest:before{content:"+";font-size:var(--text-sm);font-weight:var(--font-extrabold);line-height:1}.feature-board__suggest:hover{background:color-mix(in srgb,var(--fb-requested) 6%,transparent);border-color:var(--fb-requested);color:#78350f}.feature-board__suggest--cta{width:auto;padding:var(--space-3) var(--space-6);background:var(--color-teal);border:none;border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-sm);font-weight:var(--font-semibold)}.feature-board__suggest--cta:before{font-size:var(--text-base)}.feature-board__suggest--cta:hover{background:var(--color-teal-dark);border:none;color:var(--color-white)}.feature-board__cards{display:flex;flex-direction:column;gap:var(--space-2);min-height:48px}.feature-board__skeleton{display:flex;flex-direction:column;gap:var(--space-2)}.feature-board__skeleton-card{height:88px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-gray-100) 0%,var(--color-white) 50%,var(--color-gray-100) 100%);background-size:200% 100%;animation:fb-shimmer 1.5s ease-in-out infinite}.feature-board__skeleton-card--sm{height:64px;animation-delay:.18s}@keyframes fb-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.feature-board__empty{text-align:center;padding:var(--space-5) var(--space-3);font-family:var(--font-inter);font-size:var(--text-xs);color:var(--color-gray-500);font-style:italic}.feature-board__card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:6px;display:flex;flex-direction:column;gap:0;padding:var(--space-3) var(--space-4);transition:border-color .2s ease;animation:fb-card-in .3s ease-out both}.feature-board__card:hover{border-color:var(--color-gray-300)}@keyframes fb-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feature-board__card--votable{flex-direction:row;gap:0;padding:0}.feature-board__card-body{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0;padding:var(--space-3)}.feature-board__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.feature-board__card-title{font-family:var(--font-inter);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-teal-darkest);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);flex:1;min-width:0}.feature-board__card-desc{font-family:var(--font-inter);font-size:var(--text-sm);color:var(--color-gray-700);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feature-board__card-desc--expanded{display:block;overflow:visible}.feature-board__see-more{align-self:flex-start;background:none;border:none;padding:0;font-family:var(--font-inter);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-teal);cursor:pointer;text-decoration:underline;text-underline-offset:2px;line-height:1}.feature-board__see-more:hover{color:var(--color-teal-dark)}.feature-board__status-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:4px var(--space-2);border-radius:6px;font-family:var(--font-inter);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;line-height:1}.feature-board__status-badge[data-status=shipped]{background:var(--fb-shipped-bg);color:var(--fb-shipped-text)}.feature-board__status-badge[data-status=in_progress]{background:var(--fb-progress-bg);color:var(--fb-progress-text)}.feature-board__status-badge[data-status=planned]{background:var(--fb-planned-bg);color:var(--fb-planned-text)}.feature-board__status-badge[data-status=requested]{background:var(--fb-requested-bg);color:var(--fb-requested-text)}.feature-board__category-tag{display:inline-flex;align-items:center;align-self:flex-start;padding:4px var(--space-2);border-radius:2px;font-family:var(--font-inter);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.feature-board__card-vote{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);flex-shrink:0;width:60px;padding:var(--space-3) 0;border-left:1px solid var(--color-gray-200)}.feature-board__vote-btn{width:24px;height:24px;border:none;background:transparent;color:var(--color-gray-300);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,transform .12s;flex-shrink:0;padding:0}.feature-board__vote-btn:before{content:"▲";font-size:var(--text-xs);line-height:1}.feature-board__vote-btn:hover:not([disabled]){color:var(--color-teal);transform:translateY(-2px)}.feature-board__vote-btn--voted,.feature-board__vote-btn[disabled]{color:var(--fb-voted);cursor:default;transform:none}.feature-board__vote-btn--voted:before{content:"▲";color:var(--fb-voted)}.feature-board__vote-num{font-family:var(--font-inter);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-teal-darkest);line-height:1}.feature-board__card--voted .feature-board__vote-num{color:var(--fb-voted)}@keyframes fb-count-bump{0%{transform:scale(1)}40%{transform:scale(1.5);color:var(--fb-voted)}to{transform:scale(1)}}.feature-board__vote-num--bump{animation:fb-count-bump .45s cubic-bezier(.34,1.56,.64,1)}.feature-board__modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--color-teal-dark) 40%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.feature-board__modal-overlay[aria-hidden=true]{display:none}.feature-board__modal{position:relative;background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6);width:100%;max-width:430px;max-height:92dvh;overflow-y:auto;box-shadow:0 32px 80px color-mix(in srgb,var(--color-teal-dark) 20%,transparent),0 0 0 1px #0000000d;animation:fb-modal-in .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes fb-modal-in{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.feature-board__modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-700);font-size:var(--text-xs);cursor:pointer;border:none;transition:background-color .15s}.feature-board__modal-close:hover{background:var(--color-gray-200)}.feature-board__modal-title{font-family:var(--font-manrope);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-teal-darkest);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);margin-bottom:var(--space-1-5);padding-right:var(--space-8)}.feature-board__modal-subtitle{font-family:var(--font-inter);font-size:var(--text-sm);color:var(--color-gray-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.feature-board__modal-feature-name{font-family:var(--font-inter);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-teal-dark);margin-bottom:var(--space-5);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-teal) 6%,transparent);border-left:3px solid var(--color-teal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:var(--leading-snug)}.feature-board__form{display:flex;flex-direction:column;gap:var(--space-4)}.feature-board__form-field{display:flex;flex-direction:column;gap:var(--space-1-5)}.feature-board__form-label{font-family:var(--font-inter);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-teal-darkest)}.feature-board__form-input,.feature-board__form-select,.feature-board__form-textarea{width:100%;padding:var(--space-2-5) var(--space-3);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-teal-darkest);font-family:var(--font-inter);font-size:var(--text-base);line-height:var(--leading-normal);transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}.feature-board__form-input:focus,.feature-board__form-select:focus,.feature-board__form-textarea:focus{outline:none;border-color:var(--color-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-teal) 13%,transparent)}.feature-board__form-input::placeholder,.feature-board__form-textarea::placeholder{color:var(--color-gray-400)}.feature-board__form-textarea{resize:vertical;min-height:80px}.feature-board__form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23073742' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}.feature-board__modal-msg{font-family:var(--font-inter);font-size:var(--text-sm);border-radius:var(--radius-md);padding:var(--space-2-5) var(--space-3);line-height:var(--leading-relaxed)}.feature-board__modal-msg--warn{display:flex;flex-direction:column;gap:var(--space-1);color:var(--fb-requested-text);background:color-mix(in srgb,var(--fb-requested) 7%,transparent);border:1px solid color-mix(in srgb,var(--fb-requested) 22%,transparent)}.feature-board__modal-msg--info{color:var(--color-teal-dark);background:color-mix(in srgb,var(--color-teal) 6%,transparent);border:1px solid color-mix(in srgb,var(--color-teal) 18%,transparent)}.feature-board__modal-msg--success{color:var(--fb-voted-dark);background:color-mix(in srgb,var(--fb-voted) 8%,transparent);border:1px solid color-mix(in srgb,var(--fb-voted) 25%,transparent);font-weight:var(--font-semibold);text-align:center;padding:var(--space-4)}.feature-board__modal-msg--error{color:var(--color-error);background:var(--color-error-bg);border:1px solid color-mix(in srgb,var(--color-error) 20%,transparent);text-align:center}.feature-board__modal-link{color:var(--color-teal);font-weight:var(--font-semibold);text-decoration:underline;text-underline-offset:2px}.feature-board__modal-link:hover{color:var(--color-teal-dark)}.feature-board__modal-submit{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-2-5) var(--space-5);background:var(--color-teal-darkest);color:var(--color-white);font-family:var(--font-inter);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;box-shadow:0 2px 12px color-mix(in srgb,var(--color-teal-dark) 25%,transparent);transition:background-color .2s,transform .15s,box-shadow .2s;margin-top:var(--space-1)}.feature-board__modal-submit:hover:not([disabled]){background:color-mix(in srgb,var(--color-teal-darkest) 85%,black);transform:translateY(-1px);box-shadow:0 4px 20px color-mix(in srgb,var(--color-teal-dark) 30%,transparent)}.feature-board__modal-submit:active{transform:translateY(0)}.feature-board__modal-submit[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.feature-board__modal-submit--loading{color:transparent;pointer-events:none}.feature-board__modal-submit--loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--color-white-30);border-top-color:var(--color-white);border-radius:50%;animation:fb-spin .7s linear infinite}@keyframes fb-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.feature-board__skeleton-card,.feature-board__skeleton-card--sm,.feature-board__card,[data-status=in_progress] .feature-board__col-dot,.feature-board__modal,.feature-board__vote-num--bump{animation:none}.feature-board__modal-submit--loading:after{animation:none}}