body,html{height:100%;overscroll-behavior:none}.page-body--with-nav{padding-bottom:calc(44px + env(safe-area-inset-bottom, 0px))}:root{--accent:#f5a623;--accent-fg:#000000;--lol-rate-meh:#444444;--lol-rate-fine:#4a6fa5;--lol-rate-good:#4a8a5a;--lol-rate-hilarious:#b87d20;--lol-rate-dead:#c0392b;--lol-model-sonnet:#6b7fd7;--lol-model-opus:#9b7fd7;--lol-model-grok:#50b86c}:root[data-theme=mono]{--accent:#e8e8e8;--accent-fg:#080808}.lol-wordmark{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--accent)}.topmenu{position:relative}.topmenu-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);transition:opacity var(--t-fast)}.topmenu-trigger:active{opacity:.7}.topmenu-bar{display:block;width:14px;height:1.5px;border-radius:var(--radius-full);background:var(--text)}.topmenu-dropdown{position:absolute;top:48px;right:0;z-index:50;width:16rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.6);overflow:hidden;animation:fadeIn var(--t-normal) ease-out}.topmenu-section-label{padding:12px 16px 6px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.topmenu-model{width:100%;text-align:left;padding:12px 16px;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--border);transition:background var(--t-fast)}.topmenu-model--active,.topmenu-model:active{background:var(--surface)}.topmenu-model-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:2px;border:1px solid var(--text-dim);background:transparent}.topmenu-model-dot--active{background:var(--accent);border-color:var(--accent)}.topmenu-model-text{display:flex;flex-direction:column;gap:2px}.topmenu-model-label{font-size:.875rem;font-weight:500;color:var(--text)}.topmenu-model-label--active{color:var(--accent)}.topmenu-model-desc{font-size:.75rem;color:var(--text-dim)}.topmenu-divider{border-top:1px solid var(--border)}.topmenu-nav{display:block;padding:12px 16px;font-size:.875rem;font-weight:500;color:var(--text);border-bottom:1px solid var(--border);transition:background var(--t-fast)}.topmenu-nav:last-child{border-bottom:none}.topmenu-nav:active{background:var(--surface)}.topmenu-nav--active{color:var(--accent)}.generator-screen{height:100dvh;position:relative}@media (display-mode:standalone){.generator-screen{height:100vh}}.joke-header{justify-content:space-between;padding-left:20px;padding-right:20px;padding-top:max(env(safe-area-inset-top),16px);flex-shrink:0}.joke-header,.joke-main{display:flex;align-items:center}.joke-main{flex:1 1;flex-direction:column;justify-content:center;padding:0 28px 16px}.joke-text{width:100%;max-width:100%;font-size:22px;line-height:1.45;font-weight:500;letter-spacing:-.01em;color:var(--text);text-align:center;overflow-wrap:break-word;word-break:break-word;animation:fade-in .3s ease}.joke-loading{display:flex;flex-direction:column;align-items:center;gap:16px;animation:fadeIn var(--t-normal) ease-out}.joke-loading-dots{display:flex;gap:8px}.joke-loading-dot{background:var(--accent)}.joke-loading-label{font-size:.875rem;color:var(--text-dim)}.rating-area{padding:0 20px 8px;animation:slideUp var(--t-spring)}.rating-row{justify-content:space-between;gap:8px}.rating-btn,.rating-row{display:flex;align-items:center}.rating-btn{flex:1 1;flex-direction:column;gap:4px;padding:12px 0;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);transition:transform var(--t-fast);-moz-user-select:none;user-select:none;-webkit-user-select:none}.rating-btn:active{transform:scale(.95)}.rating-emoji{font-size:1.5rem;line-height:1}.rating-label{font-size:10px;color:var(--text-dim)}.rating-confirm{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0;animation:ratingPop var(--t-normal) cubic-bezier(.34,1.56,.64,1)}.rating-confirm-emoji{font-size:1.875rem}.rating-confirm-label{font-size:.875rem;color:var(--text-dim)}.topic-bar{min-height:36px;padding:0 20px 8px}.topic-bar,.topic-edit-row{display:flex;align-items:center}.topic-edit-row{gap:8px;width:100%}.topic-input{flex:1 1;padding:8px 16px;border-radius:var(--radius-full);font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);outline:none;transition:border-color var(--t-fast)}.topic-input::placeholder{color:var(--text-dim)}.topic-input:focus{border-color:var(--accent)}.topic-clear{font-size:1.125rem;line-height:1;color:var(--text-dim);padding:0 4px;transition:opacity var(--t-fast)}.topic-clear:active{opacity:.5}.topic-set-row{display:flex;align-items:center;gap:8px}.topic-chip-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--accent);opacity:.6}.topic-chip-value{color:var(--text)}.topic-chip-remove{font-size:.875rem;line-height:1;color:var(--text-dim);padding:0 4px;transition:opacity var(--t-fast)}.topic-chip-remove:active{opacity:.5}.topic-add{font-size:.75rem;color:var(--text-dim);transition:opacity var(--t-fast)}.topic-add:active{opacity:.5}.joke-footer-safe{flex-shrink:0;padding-bottom:max(env(safe-area-inset-bottom),8px)}.joke-footer-safe--nav{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))}.history-card{width:100%;text-align:left;padding:16px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);transition:opacity var(--t-fast)}.history-card:active{opacity:.8}.history-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.history-card-rating{display:flex;align-items:center;gap:8px;flex-shrink:0}.history-rating-emoji{font-size:1.25rem}.history-unrated{font-size:11px;color:var(--text-dim);font-style:italic}.history-joke{font-size:.875rem;line-height:1.6;color:var(--text)}.history-joke--clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-date{font-size:11px;color:var(--text-dim);margin-top:8px}.pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}.pager-btn{padding:8px 16px;border-radius:var(--radius-full);font-size:.875rem;border:1px solid var(--border);color:var(--text);transition:opacity var(--t-fast)}.pager-btn:active:not(:disabled){opacity:.7}.pager-btn:disabled{opacity:.3}.pager-status{font-size:.875rem;color:var(--text-dim)}.model-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-dim)}.model-badge--anthropic{background:#1a1000;color:var(--accent);border-color:#7a5210}.model-badge--xai{background:#0d0d1a;color:#7c9ef8;border-color:#2a3060}.progress-body{padding-top:16px;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;gap:20px}.chart-card{padding:16px 12px 8px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.chart-card-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px;margin-bottom:12px}.chart-card-title{font-size:.75rem;font-weight:600;color:var(--text)}.chart-card-note{font-size:10px;color:var(--text-dim)}.changelog-entry{width:100%;text-align:left;padding:12px 16px;display:flex;align-items:flex-start;gap:12px;transition:background var(--t-fast)}.changelog-entry:active{background:var(--surface-raised)}.changelog-entry--bordered{border-bottom:1px solid var(--border)}.changelog-version{font-size:10px;font-weight:700;margin-top:2px;flex-shrink:0;width:32px;color:var(--accent)}.changelog-main{flex:1 1;min-width:0}.changelog-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.changelog-date{font-size:.75rem;color:var(--text-dim)}.changelog-date-n{margin-left:4px;opacity:.6}.changelog-chevron{font-size:.75rem;color:var(--text-dim)}.changelog-desc{font-size:.75rem;line-height:1.6;color:var(--text);margin-top:6px}.model-row{padding:12px 16px}.model-row--bordered{border-bottom:1px solid var(--border)}.model-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.model-row-label{font-size:.875rem;font-weight:500;color:var(--text)}.model-row-stats{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--text-dim)}.model-row-avg{color:var(--text);font-weight:600}.model-bar-track{height:4px;width:100%;border-radius:var(--radius-full);background:var(--surface-raised);overflow:hidden}.model-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--t-normal)}.chart-tooltip{padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);font-size:.75rem;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 24px rgba(0,0,0,.5)}.chart-tooltip-meta{color:var(--text-dim)}.chart-tooltip-rating{color:var(--text);font-weight:500}.chart-tooltip-avg{color:var(--accent)}.chart-wrap{height:260px}.page-body--padded-x{padding-left:20px;padding-right:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ratingPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}