*,*:before,*:after{box-sizing:border-box}:root{--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--red-500: #ef4444;--red-600: #dc2626;--red-800: #991b1b;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-800: #92400e;--yellow-50: #fefce8;--yellow-100: #fef9c3;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-800: #1e40af;--cyan-50: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-500: #06b6d4;--cyan-600: #0891b2;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-500: #22c55e;--green-600: #16a34a;--green-800: #166534;--emerald-100: #d1fae5;--emerald-500: #10b981;--emerald-600: #059669;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--white: #ffffff;--radius: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-card: 0 25px 50px -12px rgb(254 215 170 / .3);--accent-from: var(--orange-500);--accent-to: var(--red-500);--accent-from-hover: var(--orange-600);--accent-to-hover: var(--red-600);--font: system-ui, -apple-system, "Segoe UI", sans-serif}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--gray-800)}.page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom right,var(--amber-50),var(--orange-50),var(--yellow-100))}img,svg,video{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.page__inner{width:min(100% - 2rem,80rem);margin:0 auto;padding:5rem 0 2rem;flex:1;display:flex;flex-direction:column}[x-cloak]{display:none!important}.site-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;gap:1rem}.site-header__brand{display:flex;align-items:center;min-width:0}.site-header__center{margin-left:auto;display:flex;align-items:center;justify-content:center;min-width:0}.site-header__end{display:none;align-items:center;justify-content:flex-end}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo:hover{opacity:.8}.logo__title{margin:0;font-size:1.25rem;font-weight:700;background:linear-gradient(to right,var(--accent-from-hover),var(--accent-to-hover));-webkit-background-clip:text;background-clip:text;color:transparent}.page-body{flex:1;display:flex;flex-direction:column;align-items:center}.page-main{width:100%}.page-body:has(>.page-main .joke-thread){min-height:0;align-items:stretch}.page-main:has(>.card .joke-thread){display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.page-main:has(>.card .joke-thread)>.notice,.page-main:has(>.card .joke-thread)>.alert,.page-main:has(>.card .joke-thread)>.form-error{flex-shrink:0}.page-main:has(>.card .joke-thread)>.card{flex:0 1 auto;min-height:0;margin-top:auto;margin-bottom:auto}.page-main:has(>.card .joke-thread)>.rate-box,.page-main:has(>.card .joke-thread)>.actions-center{flex-shrink:0}@media(min-width:1100px){.page-main:has(>.card .joke-thread)>.card{flex:0 1 auto;min-height:12rem;margin-top:0;margin-bottom:0;display:flex;flex-direction:column}.page-main:has(>.card .joke-thread) .joke-thread,.page-main:has(>.card .joke-thread) .joke-thread__chat{flex:0 0 auto}.page-main:has(>.card .joke-thread) .badge-row{flex-shrink:0}.page-main:has(>.card .joke-thread) .joke-thread>.panel{min-height:8rem}.page-main:has(>.card .joke-thread)>.actions-center{margin-top:2.5rem;margin-bottom:2.5rem}}.site-footer{margin-top:auto;text-align:center}.site-footer p{color:var(--gray-600);font-size:.875rem;font-style:italic}.header-nav,.header-nav__links,.header-nav__group-links{display:flex;align-items:center;gap:1rem}.header-nav__links:has(.form-info){flex:1;justify-content:space-between;min-width:0}.header-nav:has(.form-info){flex:1;min-width:0}.site-header__center:has(.form-info){flex:1;margin-left:1rem}.header-link{color:var(--gray-600);text-decoration:none;font-weight:500;font-size:.875rem;background:none;border:0;cursor:pointer;padding:0}.header-link:hover{color:var(--orange-600)}.header-account{position:relative;display:inline-flex;align-items:center;gap:.5rem;color:var(--white);text-decoration:none;font-weight:500;font-size:.875rem;padding:.5rem 1rem;border-radius:var(--radius);background:linear-gradient(to right,var(--accent-from),var(--accent-to));box-shadow:0 10px 15px -3px #0000001a;overflow:visible}.header-account:hover{background:linear-gradient(to right,var(--accent-from-hover),var(--accent-to-hover));transform:scale(1.05)}.header-account:active{transform:scale(.95)}.points-badge{position:absolute;top:-.35rem;right:-.25rem;min-width:1.35rem;min-height:1.35rem;height:auto;padding:.15rem .35rem;border-radius:999px;background:var(--red-500);color:var(--white);font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap;flex-shrink:0;overflow:visible;box-shadow:0 0 0 2px var(--white);z-index:2}.user-menu{position:relative}.user-menu__button{position:relative;display:flex;align-items:center;gap:.5rem;border:0;cursor:pointer;border-radius:999px;padding:.5rem 1rem;background:linear-gradient(to right,var(--blue-100),var(--cyan-100));overflow:visible}.user-menu__button:hover{background:linear-gradient(to right,var(--blue-200),var(--cyan-200))}.user-menu__button span:first-child{font-size:1.25rem}.user-menu form{margin:0}.user-menu__caret{color:var(--gray-500)}.user-menu__list{position:absolute;right:0;margin-top:.5rem;width:14rem;background:var(--white);border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a;border:1px solid var(--gray-200);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:10}.user-menu:hover .user-menu__list,.user-menu:focus-within .user-menu__list{opacity:1;visibility:visible}.user-menu__item{display:block;width:100%;padding:.75rem 1rem;text-decoration:none;color:var(--gray-800);text-align:left;background:none;border:0;cursor:pointer}.user-menu__item:hover{background:var(--gray-50)}.user-menu__item:first-child{border-radius:var(--radius) var(--radius) 0 0}.user-menu__item--danger{color:var(--red-600);border-radius:0 0 var(--radius) var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;cursor:pointer;text-decoration:none;font-weight:700;border-radius:var(--radius);padding:.75rem 1.5rem;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:scale(1.03)}.btn:active{transform:scale(.97)}.btn--primary{color:var(--white);background:linear-gradient(to right,var(--accent-from),var(--accent-to));box-shadow:0 10px 15px -3px #f9731659}.btn--primary:hover{background:linear-gradient(to right,var(--accent-from-hover),var(--accent-to-hover))}.btn--blue{color:var(--white);background:linear-gradient(to right,var(--blue-500),var(--cyan-500))}.btn--blue:hover{background:linear-gradient(to right,var(--blue-600),var(--cyan-600))}.btn--green{color:var(--white);background:linear-gradient(to right,var(--green-500),var(--emerald-500))}.btn--green:hover{background:linear-gradient(to right,var(--green-600),var(--emerald-600))}.btn--danger{color:var(--white);background:linear-gradient(to right,var(--red-500),#e11d48,var(--red-500))}.btn--danger:hover{background:linear-gradient(to right,var(--red-600),#be123c,var(--red-600))}.btn--secondary{color:var(--gray-800);background:linear-gradient(to right,var(--gray-300),var(--gray-400));border:2px solid rgb(209 213 219 / .5)}.btn--secondary:hover{background:linear-gradient(to right,var(--gray-400),var(--gray-500))}.btn--lg{padding:1rem 2rem;font-size:1.125rem;min-width:12.5rem;border-radius:var(--radius-lg)}.btn--full{width:100%;padding:1rem}.btn--ghost{background:none;box-shadow:none;color:var(--red-600);font-weight:500;font-size:.875rem;padding:0}.btn--ghost:hover{color:var(--red-800);transform:none}.icon{width:1.25rem;height:1.25rem;flex-shrink:0}.icon--lg{width:1.5rem;height:1.5rem}.card{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--orange-200);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-card)}.card__body{display:contents}.card+.card{margin-top:2rem}.card h2{margin:0 0 .5rem;font-size:1.25rem}.card>.text-muted,.card__head .text-muted,.card__body>.text-muted{margin:0 0 1.5rem}.stack{display:flex;flex-direction:column;gap:1.5rem}.panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:7.5rem;padding:1rem 1.5rem;border-radius:var(--radius-lg);border:2px solid var(--blue-100);background:linear-gradient(to right,var(--blue-50),var(--cyan-50));color:var(--gray-800);text-align:center}.panel--punchline{border-color:var(--amber-200);background:linear-gradient(to right,var(--yellow-50),var(--amber-50));box-shadow:inset 0 2px 4px #0000000d}.panel p,.panel-text{margin:0;font-size:1.125rem;font-weight:500}.joke-thread{display:flex;flex-direction:column;gap:.75rem}.joke-thread__chat{display:flex;flex-direction:column;flex:0 0 auto;gap:.85rem;justify-content:flex-start}.joke-thread__chat--single{justify-content:center}.joke-thread__chat--compose{justify-content:flex-start;flex:1 1 0%;min-height:0}.joke-bubble{width:-moz-fit-content;width:fit-content;max-width:min(86%,100%);min-width:0;padding:.75rem .95rem;color:var(--gray-800);overflow-wrap:break-word}.joke-bubble .panel-text{text-align:left;white-space:pre-wrap;overflow-wrap:break-word}.joke-bubble .media-photo{width:100%;height:auto;max-height:12rem;margin-bottom:.55rem}.joke-bubble .media-photo:last-child{margin-bottom:0}.joke-bubble .media-photo img{width:100%;height:auto;max-height:12rem;-o-object-fit:cover;object-fit:cover}.joke-bubble--setup{align-self:flex-start;border:2px solid var(--blue-100);background:linear-gradient(to right,var(--blue-50),var(--cyan-50));border-radius:1.1rem 1.1rem 1.1rem .35rem}.joke-bubble--punch{align-self:flex-end;border:2px solid var(--amber-200);background:linear-gradient(to right,var(--yellow-50),var(--amber-50));border-radius:1.1rem 1.1rem .35rem;box-shadow:inset 0 2px 4px #0000000d;margin-right:.15rem}.joke-bubble--joke{align-self:stretch;width:100%;max-width:100%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border:2px solid var(--amber-200);background:linear-gradient(to right,var(--yellow-50),var(--amber-50));border-radius:var(--radius-lg);text-align:center}.joke-bubble--joke .panel-text{text-align:center}.joke-bubble--compose{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:86%;max-width:86%;padding:.55rem .7rem}.joke-bubble--compose .form-textarea{flex:1 1 auto;min-height:4.5rem;width:100%;height:auto;max-height:none;padding:.35rem .2rem;border:0;background:transparent;box-shadow:none;font-size:1.05rem}.joke-bubble--compose .form-textarea:focus{border:0;box-shadow:none}.notice{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;border-radius:var(--radius-lg);border:2px solid var(--amber-300);background:linear-gradient(to right,var(--yellow-50),var(--amber-50));box-shadow:0 4px 6px -1px #00000014}.notice__icon{background:var(--amber-100);padding:.5rem;border-radius:999px;font-size:1.25rem;line-height:1}.notice h3{margin:0 0 .25rem;font-size:1rem}.notice p{margin:0;color:var(--gray-600);font-size:.875rem}.welcome{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem;padding:1.5rem;border-radius:var(--radius-lg);border:2px solid var(--orange-200);background:linear-gradient(to right,var(--orange-50),var(--yellow-50))}.welcome__icon{background:linear-gradient(to right,var(--orange-100),var(--yellow-100));padding:1rem;border-radius:var(--radius);font-size:1.875rem;line-height:1}.welcome h2{margin:0;font-size:1.25rem}.welcome p{margin:.25rem 0 0;color:var(--gray-600)}.welcome__actions{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.web-nav{width:100%;margin:0 auto 1.5rem;display:flex;flex-direction:column;gap:1rem}.web-nav__group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem}.web-nav__pills{gap:.25rem;padding:.25rem;border-radius:var(--radius-lg);background:#ffffffb3;border:2px solid var(--orange-200);box-shadow:0 1px 2px #0000000d}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--radius);font-weight:500;text-decoration:none;color:var(--gray-700);border:2px solid transparent;transition:background .2s,color .2s,box-shadow .2s}.nav-item:hover{background:var(--orange-50)}.nav-item.is-active{color:var(--white);background:linear-gradient(to right,var(--accent-from),var(--accent-to));box-shadow:0 4px 6px -1px #0000001a}.nav-item--setup{color:#1e3a8a}.nav-item--setup:hover{background:var(--blue-50)}.nav-item--setup.is-active{color:var(--white);background:linear-gradient(to right,var(--blue-500),var(--cyan-500))}.nav-item--write{color:var(--amber-800)}.nav-item--write:hover{background:var(--orange-50)}.nav-item--write.is-active{color:var(--white);background:linear-gradient(to right,var(--accent-from),var(--accent-to))}.nav-item--suggest{color:var(--green-800)}.nav-item--suggest:hover{background:var(--green-50)}.nav-item--suggest.is-active{color:var(--white);background:linear-gradient(to right,var(--green-500),var(--emerald-500))}.nav-burger{display:block;position:relative}.nav-burger__checkbox{position:absolute;opacity:0;pointer-events:none}.nav-burger__button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border-radius:var(--radius);border:2px solid var(--orange-200);background:#ffffffd9;color:var(--gray-700);cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background .2s,border-color .2s}.nav-burger__button:hover,body:has(#nav-burger-toggle:checked) .nav-burger__button{background:var(--orange-50);border-color:var(--orange-400)}.nav-burger__icon{display:flex;flex-direction:column;justify-content:space-between;width:1.15rem;height:.85rem}.nav-burger__icon span{display:block;height:2px;border-radius:1px;background:currentColor;transition:transform .2s,opacity .2s}body:has(#nav-burger-toggle:checked) .nav-burger__icon span:nth-child(1){transform:translateY(.35rem) rotate(45deg)}body:has(#nav-burger-toggle:checked) .nav-burger__icon span:nth-child(2){opacity:0}body:has(#nav-burger-toggle:checked) .nav-burger__icon span:nth-child(3){transform:translateY(-.35rem) rotate(-45deg)}.nav-burger__backdrop{display:none}.nav-burger__panel{display:none;flex-direction:column;gap:.5rem}.nav-burger__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.nav-burger__title{font-weight:700;color:var(--gray-800)}.nav-burger__close{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-top:-.35rem;border-radius:var(--radius);background:var(--orange-50);border:2px solid var(--orange-200);color:var(--gray-700);font-size:1.5rem;line-height:1;cursor:pointer}.nav-burger__close span[aria-hidden]{transform:translateY(-.08em)}.nav-burger__group{display:flex;flex-direction:column;gap:.15rem}.nav-burger__group+.nav-burger__group{padding-top:.5rem;border-top:1px solid var(--orange-100)}.nav-burger__panel .nav-item{width:100%}@media(max-width:1099px){html,body{height:100%;height:100svh;min-height:0;overflow:hidden}.page{min-height:0;height:100%;height:100svh;max-height:100svh;overflow:hidden}.page__inner{padding:.75rem 0 .5rem;min-height:0;height:100%;overflow:hidden}.page-body{flex:1;min-height:0;width:100%;overflow:hidden;align-items:stretch}.page-main{flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(1.25rem,env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:var(--orange-300) transparent}.page--admin .page-title{flex-shrink:0;margin-bottom:.75rem}.page--admin .page-main:not(.page-main--feed){display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.page--admin .page-main:not(.page-main--feed) .section-head,.page--admin .page-main:not(.page-main--feed) .alert,.page--admin .page-main:not(.page-main--feed) .form-error,.page--admin .page-main:not(.page-main--feed) .pager{flex-shrink:0}.page--admin .page-main:not(.page-main--feed) .pager{margin-top:.5rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.page--admin .page-main:not(.page-main--feed) .card:last-child{margin-bottom:max(.75rem,env(safe-area-inset-bottom))}.page--admin .page-main:not(.page-main--feed) .card{flex:1 1 0%;min-height:0;max-height:calc(100svh - 5rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.page--admin .web-nav{display:none}.page-main--feed{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;overflow:hidden}.page-main--feed .form-toolbar,.page-main--feed .section-head,.page-main--feed>.form-back{flex-shrink:0;align-self:stretch;width:100%}.page-main--feed .section-head{margin-bottom:.75rem}.page-main--feed .form-back{width:-moz-max-content;width:max-content;padding:.45rem .85rem;margin-bottom:.5rem}.page-main--feed>form{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;width:100%;overflow:hidden;gap:.75rem}.page-main--feed .pager{flex-shrink:0;margin-top:.75rem;width:100%;min-width:0}.page-main--feed .notice,.page-main--feed .alert,.page-main--feed .form-error{flex-shrink:0}.page-main--feed .card{flex:1 1 0%;min-height:0;max-height:none;overflow:hidden;display:flex;flex-direction:column;padding:.35rem .4rem .35rem 0}.page-main--feed:has(>.card .joke-thread)>.card{flex:0 1 auto;max-height:100%;margin-top:auto;margin-bottom:auto}.page-main--feed:has(>.card .joke-thread)>.card>.card__body{flex:1 1 auto}.page-main--feed>form .card{flex:1 1 0%;max-height:calc(100svh - 12rem)}.page-main--wide.page-main--feed>form .card{max-height:calc(100svh - 16rem)}.page-main--feed>form.composer-form--fill{flex:1 1 0%;min-height:0;overflow:hidden}.page-main--feed>form.composer-form--fill .card{flex:1 1 0%;min-height:0;max-height:100%;overflow:hidden}.page-main--feed>form.composer-form--fill .card__body{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;overflow:hidden;scrollbar-width:none}.page-main--feed>form.composer-form--fill .card__body::-webkit-scrollbar{display:none}.page-main--feed>form.composer-form--fill .composer{flex:1 1 0%;min-height:0;align-items:stretch}.page-main--feed>form.composer-form--fill .composer__field{display:flex;flex-direction:column;flex:1 1 0%;min-height:0}.page-main--feed>form.composer-form--fill .joke-thread__chat{flex:1 1 0%;min-height:0}.page-main--feed>form.composer-form--fill .form-textarea--grow-page{flex:1 1 auto;width:100%;height:auto;max-height:none;field-sizing:fixed}.page-main--feed:has(.section-head) .card{max-height:calc(100svh - 16rem)}.page-main--feed .card:has(>.reply-form){flex:1 1 auto;max-height:calc(100svh - 12rem)}.page-main--feed .card>.reply-form{display:flex;flex-direction:column;flex-shrink:0;min-height:0;max-height:none;width:100%;overflow:hidden;gap:.35rem;position:static;margin:0;padding:.25rem .75rem .45rem 1rem;background:none}.page-main--feed .card__head{flex-shrink:0;padding:.35rem 1.5rem .15rem}.page-main--feed .card__head h2{margin-bottom:.35rem}.page-main--feed .card__body.thread,.page-main--feed .card__body.joke-thread{display:flex;flex-direction:column;gap:.55rem;margin-bottom:0;scroll-snap-type:none}.page-main--feed .card__body.joke-thread{padding-right:1rem}.page-main--feed .joke-thread__chat{flex:0 0 auto;padding-right:.35rem}.page-main--feed .joke-thread__chat--compose{flex:1 1 0%;min-height:0}.page-main--feed .joke-thread>.panel{flex:0 0 auto;min-height:7.5rem}.page-main--feed .reply-box{flex:0 0 auto;min-height:0;max-height:none;overflow:hidden;padding:.5rem 1.5rem .25rem}.page-main--feed .reply-box h3{margin-bottom:.5rem;font-size:1rem}.page-main--feed .card__body{display:block;flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:y proximity;padding:.5rem .5rem .5rem 1rem;scrollbar-width:thin;scrollbar-color:var(--orange-300) transparent}.page-main--feed .card__body::-webkit-scrollbar{width:.5rem}.page-main--feed .card__body::-webkit-scrollbar-thumb{background:var(--orange-300);border-radius:999px}.page-main--feed .card__body::-webkit-scrollbar-track{background:transparent}.page-main--feed .badge-row{flex-shrink:0}.page-main--feed .card__body>.block{scroll-snap-align:start}.page-main--feed .card__body>.block:last-child{margin-bottom:0}.page-main--feed .card__body>.split{flex-shrink:0;margin:1rem 0}.page-main--feed .item{padding:.85rem 1rem}.page-main--feed .item__body{margin-bottom:.85rem}.page-main--feed .item__footer{padding-top:.75rem}.page-main--feed .card.has-more{box-shadow:var(--shadow-card),inset 0 -1.75rem 1.25rem -.75rem #fff7edf2}.page-main--feed .panel,.page-main--feed .media-text{min-height:0}.page-main--feed .rate-box,.page-main--feed .actions-center{flex-shrink:0;margin-top:.75rem}.page-main--feed .card>.actions-center{flex:0 0 auto;margin-top:.35rem;margin-bottom:0;padding:.15rem 1.5rem .5rem}.page-main--feed>form .form-textarea--plain{min-height:4.5rem}.page-main--feed .site-popup .actions-center{margin-top:3.5rem}.site-footer{flex-shrink:0;margin-top:.5rem}.page--admin .site-footer{display:none}.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand user" "links links";gap:.75rem .5rem;align-items:center;flex-shrink:0;margin-bottom:1rem;padding:.85rem 0 .5rem;overflow:visible}.site-header:has(.nav-burger){grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand user burger" "links links links"}.site-header__brand{grid-area:brand}.site-header__center:has(.header-nav),.header-nav{display:contents}.site-header__center{margin-left:0;grid-area:user;justify-self:end;overflow:visible}.header-account,.user-menu{grid-area:user;justify-self:end;overflow:visible}.site-header__end{display:flex;grid-area:burger;justify-self:end}.site-header__end:empty{display:none}.header-nav__links{grid-area:links;justify-content:flex-start;flex-wrap:wrap;width:100%;padding-top:.15rem}.header-nav__group-links{justify-content:flex-start}.header-nav__links:has(.form-info){justify-content:space-between;flex-wrap:nowrap}.header-account>span:not(.points-badge){max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-nav{display:block;width:100%;margin:0}.web-nav__group{display:none}.nav-burger__backdrop{position:fixed;inset:0;z-index:200;background:#0f172a73}.nav-burger__panel{position:fixed;top:0;right:0;bottom:0;z-index:210;width:min(20rem,86vw);padding:max(.65rem,env(safe-area-inset-top)) .75rem max(1.25rem,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fffffffa;border:0;border-radius:var(--radius-xl) 0 0 var(--radius-xl);box-shadow:-16px 0 40px #0000002e}body:has(#nav-burger-toggle:checked){overflow:hidden}body:has(#nav-burger-toggle:checked) .nav-burger__backdrop{display:block}body:has(#nav-burger-toggle:checked) .nav-burger__panel{display:flex}}@media(min-width:1100px){.web-nav{flex-direction:row;align-items:center;justify-content:space-between}.nav-burger,.nav-burger__panel,.nav-burger__backdrop,.site-header__end{display:none}}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}.badge--new{background:var(--gray-800);color:var(--white);border-color:var(--gray-800)}.badge--joke{background:var(--amber-100);color:var(--amber-800);border:1px solid var(--amber-200)}.badge--punch{background:var(--green-100);color:var(--green-800);border:1px solid var(--green-200)}.badge-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.block{margin-bottom:1.5rem}.media-photo{height:12rem;border-radius:var(--radius);overflow:hidden;margin-bottom:1rem;flex-shrink:0}.media-photo img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover}.media-photo img:hover{transform:scale(1.05);transition:transform .3s}.media-text{min-height:5rem;display:flex;align-items:center}.media-stack{display:flex;flex-direction:column;align-items:center;gap:1rem}.split{display:flex;align-items:center;justify-content:center;margin:1.5rem 0}.split__line{height:1px;flex:1;background:linear-gradient(to right,transparent,var(--orange-300),transparent)}.split__icon{margin:0 1rem;font-size:1.5rem}.rate-box{width:100%;margin-top:1.5rem;padding:.75rem;border-radius:var(--radius-xl);background:#ffffffb3;border:2px solid var(--orange-200);box-shadow:0 1px 2px #0000000d}.rate-title{margin:0 0 1rem;color:var(--gray-700);font-size:.875rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}.rate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.rate-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;border-radius:var(--radius-lg);border:2px solid;cursor:pointer;font-weight:600;box-shadow:0 4px 6px -1px #00000014;transition:transform .2s,box-shadow .2s}.rate-btn:hover{transform:scale(1.05)}.rate-btn:active{transform:scale(.95)}.rate-btn span:first-child{font-size:1.5rem}.rate-btn--1{background:linear-gradient(to bottom right,var(--gray-100),var(--gray-200));color:var(--gray-800);border-color:#d1d5db80}.rate-btn--2{background:linear-gradient(to bottom right,var(--blue-100),var(--blue-200));color:#1e3a8a;border-color:#93c5fd80}.rate-btn--3{background:linear-gradient(to bottom right,var(--green-100),var(--green-200));color:#14532d;border-color:#86efac80}.rate-btn--4{background:linear-gradient(to bottom right,var(--orange-100),#fed7aa);color:#7c2d12;border-color:#fdba7480}.form-back{margin-bottom:1rem;color:var(--orange-600);background:#ffffffd9;border:2px solid var(--orange-300);box-shadow:none}.form-back:hover{color:var(--white);background:linear-gradient(to right,var(--accent-from),var(--accent-to));border-color:transparent}.form-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.form-toolbar .form-back{margin-bottom:0}.form-toolbar__title{margin:0;font-size:1.1rem}.form-toolbar--end{justify-content:flex-end}.form-info{width:2.75rem;height:2.75rem;padding:0;flex-shrink:0;color:var(--amber-800);background:#ffffffd9;border:2px solid var(--orange-300);box-shadow:none;font-size:1.15rem}.form-info:hover{color:var(--white);background:linear-gradient(to right,var(--accent-from),var(--accent-to));border-color:transparent}.site-popup{width:min(calc(100% - 2rem),28rem);padding:1.25rem;border:2px solid var(--amber-300);border-radius:var(--radius-xl);background:linear-gradient(to bottom right,var(--yellow-50),var(--amber-50));box-shadow:0 25px 50px -12px #00000040}.site-popup::backdrop{background:#0f172a73}.site-popup .notice--plain{margin-bottom:1rem;padding:0;border:0;background:none;box-shadow:none}.site-popup .welcome--plain{margin:0 0 1rem;padding:0;border:0;background:none;box-shadow:none}.site-popup .welcome__actions{margin-left:0;margin-top:.75rem;width:100%}.site-popup .actions-center{margin-top:3.5rem}.actions-center{display:flex;justify-content:center;margin-top:1.5rem}.actions-between{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem}.actions-between .btn{flex:1 1 11rem;min-width:0;justify-content:center}.actions-between .btn--lg{min-width:0}.actions-end{display:flex;justify-content:flex-end}@media(max-width:640px){.actions-between{flex-direction:column;margin-top:1.5rem}.actions-between .btn{width:100%;flex-basis:auto}.btn--lg{min-width:0;padding:.85rem 1.25rem}}@media(max-width:767px){.site-footer,.split{display:none}.rate-btn{gap:0;padding:.65rem .35rem}.rate-btn span:last-child{display:none}}.item{border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s,box-shadow .2s}.item:hover{border-color:var(--orange-300);box-shadow:0 10px 15px -3px #00000014}.item__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem 1rem;margin-bottom:1rem;flex-wrap:wrap}.item__head>:not(.item__date){min-width:0;flex:1 1 auto}.item__date{color:var(--gray-400);font-size:.875rem;white-space:nowrap;flex-shrink:0}.item__body{margin:0 0 1.5rem;color:var(--gray-600);overflow-wrap:break-word}.item__title{margin:0 0 .5rem;font-size:1.125rem;overflow-wrap:break-word}.item__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--gray-100)}.item-link{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.125rem;text-decoration:none}.item-link--ok{color:var(--green-600)}.item-link--ok:hover{color:var(--green-800)}.item-link--warn{color:var(--red-600)}.stats{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;color:var(--gray-600);background:none;border:0;padding:0}.stat strong{font-weight:700}.stat span:first-child{font-size:1.5rem}.setup-row{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem}.form{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column}.form-field+.form-field{margin-top:1.25rem}.form>.form-field+.form-field{margin-top:0}.form-label{display:block;color:var(--gray-700);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.required{color:var(--red-500)}.input-wrap{position:relative}.input-icon{position:absolute;top:0;bottom:0;left:.75rem;display:flex;align-items:center;color:var(--gray-400);font-size:.875rem;pointer-events:none}.input-toggle{position:absolute;top:0;bottom:0;right:.75rem;display:flex;align-items:center;background:none;border:0;color:var(--gray-400);cursor:pointer}.input-toggle:hover{color:var(--gray-600)}.form-input,.form-textarea{width:100%;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--gray-50);color:var(--gray-800);padding:.75rem 1rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{border-color:var(--orange-400);box-shadow:0 0 0 3px #fed7aab3}.form-input--icon{padding-left:2.5rem}.input-wrap:has(.input-toggle) .form-input{padding-right:2.5rem}.form-textarea{min-height:11rem;resize:none;border:2px solid var(--orange-200);border-radius:var(--radius-lg);background:linear-gradient(to right,var(--orange-50),#fff1f2);padding:1rem 1.5rem;font-size:1.125rem;font-weight:500}.form-textarea--plain{background:#fff7ed80;font-size:1rem;font-weight:400;min-height:auto}.form-textarea.form-textarea--grow{field-sizing:content;line-height:1.5;padding-top:.7rem;padding-bottom:.7rem;min-height:2.85rem;max-height:8.2rem;height:auto;overflow-x:hidden;overflow-y:auto;overflow-wrap:break-word;overscroll-behavior:contain;resize:none}.form-textarea.form-textarea--grow-page{field-sizing:fixed;max-height:none;overflow-y:auto}.form-error{margin:.25rem 0 0;color:var(--red-500);font-size:.75rem}.form-error li{list-style:none}.form-error ul{margin:0;padding:0}.form-row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.form-check{display:flex;align-items:center;gap:.5rem;color:var(--gray-700)}.form-divider{display:flex;align-items:center;gap:.75rem;color:var(--gray-500);font-size:.875rem}.form-divider:before,.form-divider:after{content:"";flex:1;border-top:1px solid var(--gray-300)}.form-hint{margin-top:1.5rem;text-align:center;color:var(--gray-500);font-size:.75rem}.auth-head{text-align:center;margin-bottom:2rem}.auth-icon{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:999px;margin-bottom:1rem;font-size:1.5rem;background:linear-gradient(to right,var(--blue-100),var(--cyan-100))}.auth-icon--green{background:linear-gradient(to right,var(--green-100),var(--emerald-100))}.auth-head h2{margin:0 0 .5rem;font-size:1.25rem}.auth-head p{margin:0;color:var(--gray-600);font-size:.875rem}.file-input{width:100%;font-size:.875rem;color:var(--gray-600)}.file-pick{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.file-pick__button{position:relative;overflow:hidden;width:100%;color:var(--orange-600);background:#ffffffd9;border:2px dashed var(--orange-300);box-shadow:none}.file-pick__input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;font-size:0}.file-pick__button:hover,.file-pick.has-file .file-pick__button{color:var(--orange-600);background:var(--orange-50);border-style:solid;border-color:var(--orange-400)}.file-pick__name{margin:0;color:var(--gray-500);font-size:.875rem}.file-pick.has-file .file-pick__name{color:var(--gray-700);font-weight:500}.reply-form{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}.reply-form .form-error{margin:.15rem 0 0}.reply-form__attach{position:relative;overflow:hidden;flex:0 0 auto;width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0;color:var(--orange-600);background:#ffffffe6;border:2px solid var(--orange-300);box-shadow:none}.reply-form__attach:hover,.reply-form__attach.has-file{color:var(--orange-600);background:var(--orange-50);border-color:var(--orange-400)}.reply-form__attach-count{position:absolute;top:.15rem;right:.15rem;min-width:1rem;height:1rem;padding:0 .2rem;border-radius:999px;background:var(--orange-500);color:var(--white);font-size:.65rem;font-weight:700;line-height:1rem;text-align:center}.composer{display:flex;align-items:flex-end;gap:.5rem;min-height:0}.composer__field{flex:1 1 auto;min-width:0;min-height:0}.reply-form .composer{flex-direction:column;align-items:stretch}.reply-form .composer__field{display:flex;flex-direction:column;gap:.5rem}.composer__actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;flex:0 0 auto}.composer-form--fill .card{display:flex;flex-direction:column;overflow:hidden}.composer-form--fill .card__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.composer-form--fill .composer{flex:1 1 auto;min-height:0;align-items:stretch}.composer-form--fill .composer__field{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:.75rem}.composer-form--fill .form-textarea--grow-page{flex:1 1 auto;width:100%;min-height:calc(1.5em + 1.4rem);min-height:calc(1lh + 1.4rem);height:auto;max-height:none;field-sizing:fixed}.composer-form--fill .composer__field>.form-field{flex-shrink:0;width:100%;margin-bottom:0}.composer-form--fill .composer__file-name{flex-shrink:0}.composer-form--fill .composer__field>.block,.composer-form--fill .composer__field>.split{flex-shrink:0;width:100%}.composer-form--fill .composer__field>.block{margin-bottom:0}.composer-form--fill .composer__field>.split{margin:0}.composer-form--fill .composer__field>.joke-thread__chat{flex:1 1 0%;min-height:0;width:100%}.composer-form--fill .joke-bubble--compose .form-textarea--grow-page{flex:1 1 auto;min-height:4.5rem;height:auto;max-height:none;field-sizing:fixed}@media(min-width:1100px){.page-body:has(.composer-form--fill){width:100%;min-height:0;align-items:stretch}.page-body:has(.composer-form--fill)>.page-main{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.page-body:has(.composer-form--fill)>.page-main>.form-toolbar,.page-body:has(.composer-form--fill)>.page-main>.form-back,.page-body:has(.composer-form--fill)>.page-main>.notice{flex-shrink:0;width:100%}.page-body:has(.composer-form--fill)>.page-main>.form-back{width:-moz-max-content;width:max-content;align-self:flex-start}.page-body:has(.composer-form--fill)>.page-main>.composer-form--fill{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.page-body:has(.composer-form--fill) .composer-form--fill .card{flex:1 1 auto;min-height:0;max-height:none;overflow:hidden}}.composer__send{width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0}.composer__submit{flex-shrink:0}.composer__bar{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;width:100%}.composer__file-name{margin:.4rem 0 0;color:var(--gray-700);font-size:.875rem;font-weight:500;word-break:break-all}.card:has(>.reply-form){display:flex;flex-direction:column;max-height:calc(100svh - 8rem);overflow:hidden}.card:has(>.reply-form)>.card__head{flex-shrink:0}.card:has(>.reply-form)>.thread{display:flex;flex:1 1 auto;min-height:0;margin-bottom:.65rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--orange-300) transparent}.card:has(>.reply-form)>.reply-form{position:sticky;bottom:0;z-index:2;margin:0 -.15rem;padding-top:.35rem;background:linear-gradient(to top,#fffffffa 72%,#ffffff8c)}.alert{margin-bottom:1.5rem;padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.875rem}.alert--success{background:var(--green-50);border:2px solid var(--green-200);color:var(--green-800)}.link{font-weight:500;text-decoration:underline}.link--blue{color:var(--blue-600)}.link--blue:hover{color:var(--blue-800)}.link--green{color:var(--green-600)}.link--green:hover{color:var(--green-800)}.link--orange{color:var(--orange-600);text-decoration:none}.link--orange:hover{color:var(--orange-600);filter:brightness(.85)}.text-muted{color:var(--gray-600)}.text-center{text-align:center}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem}.section-head:not(:has(h2)){justify-content:flex-end}.section-head h2{margin:0;font-size:1.25rem}.thread{display:flex;flex-direction:column;gap:.55rem;margin-bottom:2rem}.message{width:-moz-fit-content;width:fit-content;max-width:82%;align-self:flex-start;border:2px solid var(--gray-200);background:var(--gray-50);border-radius:1.1rem 1.1rem 1.1rem .35rem;padding:.7rem .85rem}.message--own{align-self:flex-end;background:var(--orange-50);border-color:var(--orange-200);border-radius:1.1rem 1.1rem .35rem}.message--admin{background:var(--blue-50);border-color:var(--blue-200)}.message--own .message__meta{flex-direction:row-reverse}.message__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.message__author{font-weight:600;font-size:.875rem}.message__date{font-size:.75rem;color:var(--gray-400)}.message p{margin:0;color:var(--gray-700);white-space:pre-wrap;overflow-wrap:break-word}.message__files{margin-top:.75rem;display:grid;grid-template-columns:1fr;gap:.75rem}.message__files img,.message__files video{width:100%;max-height:16rem;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);border:1px solid var(--gray-200)}.conv-link{display:block;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem;text-decoration:none;transition:box-shadow .2s,border-color .2s}.conv-link:hover{border-color:var(--orange-300);box-shadow:0 4px 6px -1px #00000014}.conv-link.is-unread{border-color:var(--orange-400);background:var(--orange-50)}.conv-link h3{margin:0;font-size:1rem}.unread{margin-left:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--orange-600)}.reply-box{border-top:1px solid var(--orange-100);padding-top:1.5rem}.reply-box h3{margin:0 0 1rem}.pager{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(.12rem,.9vw,.35rem);width:100%;max-width:100%;min-width:0;margin-top:1rem}.pager__item{flex:0 1 2.25rem;box-sizing:border-box;width:2.25rem;min-width:1.35rem;max-width:2.25rem;aspect-ratio:1;height:auto;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:.5rem;border:1px solid var(--orange-200);background:var(--white);color:var(--gray-700);text-decoration:none;font-weight:600;font-size:clamp(.7rem,2.5vw,.875rem)}@media(max-width:1099px){.pager__item.pager__item--far{display:none}}.pager__item:first-child{padding:0 0 .3rem}.pager__item:last-child{padding:0 0 .3rem}.pager__item.is-active{background:linear-gradient(to right,var(--accent-from),var(--accent-to));color:var(--white);border-color:transparent}.pager__item.is-disabled{opacity:.4;pointer-events:none}.pager__item:hover:not(.is-active):not(.is-disabled){background:var(--orange-50)}@media(min-width:640px){.message__files{grid-template-columns:1fr 1fr}}@media(min-width:768px){.logo__title{font-size:1.5rem}.header-link,.header-account{font-size:1rem}.header-account{padding:.75rem 1.5rem}.card{padding:2rem}.panel{padding:1.5rem}.panel p,.panel-text{font-size:1.25rem}.joke-bubble{max-width:75%}.joke-bubble--joke{max-width:100%}.joke-bubble--compose{width:75%;max-width:75%}.media-photo{height:16rem}.rate-grid{grid-template-columns:repeat(4,1fr)}.setup-row{flex-direction:row}}.page--admin{--orange-50: #f8fafc;--orange-100: #f1f5f9;--orange-200: #e2e8f0;--orange-300: #cbd5e1;--orange-400: #94a3b8;--orange-500: #64748b;--orange-600: #475569;--amber-50: #f8fafc;--amber-100: #f1f5f9;--amber-200: #e2e8f0;--amber-300: #cbd5e1;--amber-800: #334155;--yellow-50: #ffffff;--yellow-100: #f1f5f9;--accent-from: #64748b;--accent-to: #334155;--accent-from-hover: #475569;--accent-to-hover: #1e293b;--shadow-card: 0 25px 50px -12px rgb(15 23 42 / .08);background:linear-gradient(to bottom right,#f8fafc,#f1f5f9,#e2e8f0)}.page--admin .user-menu__button{background:linear-gradient(to right,#e2e8f0,#f1f5f9)}.page--admin .user-menu__button:hover{background:linear-gradient(to right,#cbd5e1,#e2e8f0)}.page--admin .form-textarea{background:linear-gradient(to right,#f8fafc,#f1f5f9)}.page--admin .form-textarea--plain{background:#f8fafc}.page-title{width:100%;margin:0 auto 1.5rem;font-size:1.5rem}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.85rem 1rem .85rem 0;vertical-align:top}.table th{font-size:.8rem;font-weight:600;color:var(--gray-500)}.table tbody tr{border-top:1px solid var(--gray-100)}.table tr.is-unread{background:#f8fafc}.table .meta{margin-top:.2rem;font-size:.75rem;color:var(--gray-400)}.table-preview{max-width:18rem;color:var(--gray-600);font-size:.875rem}.dash-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}.dash-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border:2px solid var(--orange-200);border-radius:var(--radius-lg);background:var(--white);text-decoration:none;transition:border-color .2s,box-shadow .2s}.dash-link:hover{border-color:var(--orange-400);box-shadow:0 8px 20px -8px #0f172a33}.dash-link h3{margin:0 0 .25rem;font-size:1.125rem}.dash-link p{margin:0;color:var(--gray-600);font-size:.875rem}@media(min-width:768px){.dash-grid{grid-template-columns:1fr 1fr}}