:root{color-scheme:light;--ease-out:cubic-bezier(.22,1,.36,1)}
.dark{color-scheme:dark}
*{box-sizing:border-box}
html{font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif}
body{overflow-x:hidden;text-rendering:optimizeLegibility}
body.modal-open{overflow:hidden}
button,a,label[for],[data-open-composer],[data-action],[data-share],[data-menu-share],[data-nav-link],[role="button"],select{cursor:pointer}
button:disabled,input:disabled,select:disabled{cursor:default}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button,a{outline-offset:3px}
[class^="ri-"],[class*=" ri-"]{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}

.page-enter #main{animation:page-in .12s ease-out both}
.page-leaving #main{animation:page-out .13s ease both;pointer-events:none}
@keyframes page-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes page-out{to{opacity:0;transform:translateY(2px)}}

.ui-button,.soft-button,.icon-button,.nav-item,.mobile-nav-item,.mobile-create,.dropdown-item,.choice-row{transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease}
.ui-button:hover,.soft-button:hover,.icon-button:hover{background:#f4f4f5;color:#18181b}
.dark .ui-button:hover,.dark .soft-button:hover,.dark .icon-button:hover{background:#27272a;color:#fafafa}
.ui-button:active,.soft-button:active,.icon-button:active,.mobile-create:active{transform:scale(.97)}
.ui-button-dark{background:#18181b;color:white}
.ui-button-dark:hover{background:#27272a;color:white}
.dark .ui-button-dark{background:white;color:#18181b}
.dark .ui-button-dark:hover{background:#e4e4e7;color:#18181b}
.ui-button-danger{background:#e11d48}
.ui-button-danger:hover{background:#be123c;color:white}
.nav-item:hover i,.mobile-nav-item:hover i{transform:scale(1.04)}
.nav-item i,.mobile-nav-item i{transition:transform .15s ease}
.brand-mark{transition:transform .18s ease}
a:hover .brand-mark{transform:rotate(-3deg)}
.field-control{transition:border-color .15s ease,background-color .15s ease}
.field-control:focus{border-color:#71717a}
.dark .field-control:focus{border-color:#a1a1aa}
input[type="checkbox"]:not(.sr-only){appearance:none;display:inline-grid;place-content:center;width:1.05rem;height:1.05rem;flex:0 0 auto;border:1.5px solid #a1a1aa;border-radius:.32rem;background:transparent;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
input[type="checkbox"]:not(.sr-only)::before{content:"";width:.32rem;height:.58rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:white;transform:translateY(-1px) rotate(45deg) scale(0);transform-origin:center;transition:transform .14s var(--ease-out)}
input[type="checkbox"]:not(.sr-only):checked{border-color:#18181b;background:#18181b}
input[type="checkbox"]:not(.sr-only):checked::before{transform:translateY(-1px) rotate(45deg) scale(1)}
input[type="checkbox"]:not(.sr-only):active{transform:scale(.92)}
.dark input[type="checkbox"]:not(.sr-only):checked{border-color:white;background:white}
.dark input[type="checkbox"]:not(.sr-only):checked::before{color:#18181b}

.composer-backdrop,.app-dialog-backdrop,.mobile-drawer-backdrop{background:rgba(9,9,11,.62)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:opacity .2s ease,visibility .2s ease}
.composer-panel,.app-dialog-panel{transition:opacity .2s ease,transform .26s var(--ease-out)}
.composer-backdrop.is-open,.app-dialog-backdrop.is-open,.mobile-drawer-backdrop.is-open{pointer-events:auto;visibility:visible;opacity:1}
.composer-backdrop.is-open .composer-panel,.app-dialog-backdrop.is-open .app-dialog-panel{opacity:1;transform:translateY(0) scale(1)}
.composer-backdrop.is-closing,.app-dialog-backdrop.is-closing{visibility:visible}
.option-row{opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s var(--ease-out),max-height .3s var(--ease-out),padding .3s ease,margin .3s ease}
.option-row.is-ready{opacity:1;transform:none}
.option-row.is-removing{opacity:0;transform:translateX(8px);max-height:0;margin:0;padding-top:0;padding-bottom:0;overflow:hidden}
.deadline-fields{grid-template-rows:0fr;transition:grid-template-rows .24s var(--ease-out),opacity .18s ease}
.deadline-fields>*{min-height:0}
.deadline-fields:not(.is-open) .deadline-content{padding-top:0}
.deadline-fields.is-open{grid-template-rows:1fr;opacity:1}
.switch-track{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.peer:checked+.switch-track>span{transform:translateX(1.25rem)!important}
.option-preview img,#general-preview img{display:block}
.image-preview-remove{background:rgba(9,9,11,.82);color:white;backdrop-filter:blur(8px)}
.image-preview-remove:hover{background:#18181b;color:white}
.option-row.has-image .option-image-trigger,.general-has-image .general-image-trigger{display:none!important}
.option-row.is-dragging{opacity:.46;border-style:dashed;background:rgba(79,170,165,.06)}
.options-locked .drag-option,.options-locked .remove-option,.options-locked #add-option{display:none!important}
.preview-shell{transform-origin:center;will-change:transform,filter,opacity}
.preview-shell.preview-added{animation:preview-arrive .3s var(--ease-out) both}
.preview-shell.preview-removing{animation:preview-pop-away .36s ease-out both}
.identity-panel input[type="checkbox"]{width:1.08rem;height:1.08rem}
[data-alias-field].is-disabled{pointer-events:none;opacity:.38}
.empty-state{animation:empty-state-in .32s var(--ease-out) both}
.empty-state-icon{animation:empty-icon-in .38s var(--ease-out) .04s both}
.choice-row:hover{background:#f4f4f5}
.dark .choice-row:hover{background:#27272a}

.mobile-drawer-panel{position:absolute!important;z-index:2;inset:0 auto 0 0!important;width:min(82vw,300px)!important;display:flex!important;visibility:visible!important;opacity:1!important;overflow-y:auto;background:#fff!important;color:#18181b!important;transform:translate3d(-105%,0,0)!important;box-shadow:18px 0 48px rgba(0,0,0,.2);transition:transform .26s var(--ease-out)!important}
.dark .mobile-drawer-panel{background:#0b0b0c!important;color:#fafafa!important}
.mobile-drawer-backdrop.is-open .mobile-drawer-panel{transform:translate3d(0,0,0)!important}
.mobile-create:hover{background:#d4d4d8}
.dark .mobile-create:hover{background:#3f3f46}

.question-card.hash-highlight{animation:highlight 1.8s ease}
.question-actions.is-open{pointer-events:auto;visibility:visible;opacity:1;transform:translateY(0) scale(1)}
.comment-actions.is-open{pointer-events:auto;visibility:visible;opacity:1;transform:translateY(0)}
.comment-item.card-leave{animation-duration:.4s}
.new-decisions-banner{position:fixed;left:50%;top:116px;z-index:45;box-shadow:0 8px 28px rgba(0,0,0,.1);animation:banner-in .28s var(--ease-out) both}
.right-rail{display:none;position:fixed;left:calc(50% + 340px);top:18px;width:270px;flex-direction:column;align-items:stretch}
.floating-compose{position:fixed;right:24px;bottom:24px;z-index:35;width:54px;height:54px}
@keyframes banner-in{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
.field-control option{background:#fff;color:#18181b}.dark .field-control option{background:#18181b;color:#fafafa}
@media (min-width:1024px){.new-decisions-banner{top:72px}}
.dropdown-item:hover{background:#f4f4f5}
.dark .dropdown-item:hover{background:#303033}
.dropdown-item.text-red-500:hover{background:#fff1f2}
.dark .dropdown-item.text-red-500:hover{background:rgba(159,18,57,.22)}
.vote-option:not(:disabled):active{background:#f4f4f5}
.dark .vote-option:not(:disabled):active{background:#27272a}
.vote-option.is-selected{border-color:#4faaa5}
.vote-option.is-selected{color:#18181b!important}.dark .vote-option.is-selected{color:#fafafa!important;background:#18181b!important}.dark .vote-option.is-selected [data-result-bar]{background:rgba(79,170,165,.22)!important}
.vote-option>div:first-child img{object-fit:contain!important;background:#fff}.dark .vote-option>div:first-child img{background:#0b0b0c}
.vote-option.is-winner{border-color:#4faaa5!important}
.vote-option.is-winner::after{content:"Kazanan";position:absolute;left:10px;top:10px;z-index:3;border-radius:999px;background:rgba(24,24,27,.88);padding:5px 9px;color:#fff;font-size:10px;font-weight:700;backdrop-filter:blur(8px)}
.card-enter{animation:card-in .32s var(--ease-out) both}
.card-status-changed{animation:status-changed .55s var(--ease-out) both}
.card-leave{overflow:hidden;animation:card-out .5s var(--ease-out) both;pointer-events:none}
.card-leave::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(79,170,165,.13) 48%,transparent 72%);animation:card-flash .42s ease both;pointer-events:none}
@keyframes card-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes status-changed{0%{background:transparent}35%{background:rgba(79,170,165,.09)}100%{background:transparent}}
@keyframes card-out{0%{opacity:1;filter:none}38%{opacity:.9;transform:scale(.992);filter:saturate(1.2)}100%{opacity:0;transform:translateY(-8px) scale(.97);filter:blur(6px);max-height:0;padding-top:0;padding-bottom:0;border-width:0}}
@keyframes card-flash{from{transform:translateX(-100%);opacity:0}35%{opacity:1}to{transform:translateX(100%);opacity:0}}
@keyframes highlight{0%,32%{background:rgba(79,170,165,.09)}100%{background:transparent}}
[data-comment-like][aria-pressed="true"]{color:#de0000!important}
.legal-content{font-size:14px;line-height:1.75;color:#52525b}.dark .legal-content{color:#a1a1aa}.legal-content h2,.legal-content h3,.legal-content h4{margin:1.5rem 0 .55rem;color:#18181b;font-weight:700}.dark .legal-content h2,.dark .legal-content h3,.dark .legal-content h4{color:#fafafa}.legal-content h2{font-size:1.25rem}.legal-content h3{font-size:1rem}.legal-content p,.legal-content ul,.legal-content ol{margin:.65rem 0}.legal-content ul,.legal-content ol{padding-left:1.25rem}.legal-content ul{list-style:disc}.legal-content ol{list-style:decimal}.legal-content a{color:#3d8b87;text-decoration:underline}
@keyframes winner-pulse{0%{transform:scale(.985)}35%{transform:scale(1.018)}100%{transform:none}}

.swipe-backdrop{transition:opacity .2s ease,visibility .2s ease}
.swipe-backdrop.is-open{pointer-events:auto;visibility:visible;opacity:1}
.swipe-panel{transition:transform .26s var(--ease-out),opacity .2s ease;box-shadow:0 30px 100px rgba(0,0,0,.45)}
.swipe-backdrop.is-open .swipe-panel{transform:translateY(0);opacity:1}
.swipe-card{transition:transform .22s ease,opacity .22s ease}
.swipe-card [data-swipe-image]{display:block;object-fit:contain;background:#fff}
.dark .swipe-card [data-swipe-image]{background:#0b0b0c}
.swipe-card.swipe-left{transform:translateX(-120%) rotate(-12deg)!important;opacity:0!important}
.swipe-card.swipe-right{transform:translateX(120%) rotate(12deg)!important;opacity:0!important}
.swipe-card img.is-placeholder{object-fit:contain;padding:80px;background:#27272a!important}

.fx-burst-layer{position:fixed;inset:0;z-index:120;pointer-events:none;overflow:hidden}
.fx-particle{position:fixed;display:block;border-radius:999px;background:var(--particle-color);box-shadow:0 0 14px color-mix(in srgb,var(--particle-color) 78%,transparent);animation:particle-burst .74s cubic-bezier(.18,.75,.24,1) both}
.fx-particle.is-square{border-radius:2px}
.fx-burst-ring{position:fixed;display:block;width:20px;height:20px;border:4px solid var(--particle-color);border-radius:999px;box-shadow:0 0 22px var(--particle-color);animation:burst-ring .48s ease-out both}
@keyframes particle-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}14%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(0) rotate(var(--spin))}}
@keyframes burst-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(5)}}
@keyframes preview-arrive{from{opacity:0;transform:translateY(5px);filter:saturate(.8)}to{opacity:1;transform:none;filter:none}}
@keyframes preview-pop-away{0%{opacity:1;filter:saturate(1)}42%{opacity:1;filter:saturate(1.45) brightness(1.08)}100%{opacity:0;filter:blur(5px) brightness(1.15)}}
@keyframes empty-state-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes empty-icon-in{from{opacity:0;transform:scale(.78) rotate(-8deg)}to{opacity:1;transform:none}}

.toast{animation:toast-in .24s var(--ease-out) both}
.feed-skeleton{height:150px;padding:18px;background:linear-gradient(100deg,#f4f4f5 35%,#fafafa 50%,#f4f4f5 65%);background-size:220% 100%;animation:skeleton-wave 1.15s linear infinite}.dark .feed-skeleton{background-image:linear-gradient(100deg,#18181b 35%,#27272a 50%,#18181b 65%)}.feed-skeleton i{display:block;width:36px;height:36px;border-radius:999px;background:currentColor;opacity:.08}.feed-skeleton b{display:block;height:10px;margin:12px 0 0 50px;border-radius:999px;background:currentColor;opacity:.08}.feed-skeleton b:nth-child(3){width:76%}.feed-skeleton b:nth-child(4){width:54%}@keyframes skeleton-wave{to{background-position:-220% 0}}
.toast.is-leaving{animation:toast-out .17s ease both}
@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@keyframes toast-out{to{transform:translateY(4px);opacity:0}}

@media(max-width:639px){
  .composer-backdrop{align-items:flex-end!important;padding:0 0 max(12px,env(safe-area-inset-bottom))!important}
  .composer-panel{height:min(720px,calc(100dvh - 24px))!important;max-height:none!important;overflow:hidden!important;transform:translateY(100%);border-bottom-left-radius:0;border-bottom-right-radius:0}
  #composer-form{height:100%!important;min-height:0!important;overflow:hidden!important}
  #composer-form>div:first-of-type{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;overscroll-behavior:contain}
  .composer-panel>form>footer{position:relative;z-index:6;flex:0 0 auto!important;padding-top:12px!important;padding-bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px))!important}
  .app-dialog-panel{transform:translateY(100%);border-bottom-left-radius:0;border-bottom-right-radius:0}
  .composer-backdrop.is-open .composer-panel,.app-dialog-backdrop.is-open .app-dialog-panel{transform:translateY(0)}
}
@media(min-width:1280px){.right-rail{display:flex}}
@media(min-width:1280px){.floating-compose{right:max(24px,calc((100vw - 1260px)/2))}}
@media(min-width:1024px) and (max-width:1199px){body>div>aside{width:78px;padding-left:12px;padding-right:12px}body>div>aside nav a span{display:none}body>div>aside>a{font-size:0}body>div>aside nav button{font-size:0}body>div>aside>div span,body>div>aside>div form button{font-size:0}}
@media(prefers-reduced-motion:reduce){*,::before,::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fx-particle{animation-duration:.55s!important}.fx-burst-ring{animation-duration:.38s!important}}