@import url(https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap);:root{--color-bg:#070711;--color-bg-elevated:#0d0c1e;--color-card-a-from:#1d0658;--color-card-a-to:#7c3aed;--color-card-b-from:#0f2027;--color-card-b-to:#0284c7;--color-text:#f8fafc;--color-muted:#94a3b8;--color-stat-a:#a78bfa;--color-stat-b:#38bdf8;--color-like:#7c3aed;--color-dislike:#ef4444;--glass-bg:#ffffff12;--glass-border:#ffffff1f;--glass-blur:12px;--overlay-bg:#070711bf;--font-display:"Unbounded",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-card:20px;--radius-sm:10px;--radius-full:9999px;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--duration-card:600ms;--duration-fast:200ms;--duration-normal:300ms;--bar-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:#070711;background:var(--color-bg);color:#f8fafc;color:var(--color-text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:15px;line-height:1.5;overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{-webkit-tap-highlight-color:transparent;cursor:pointer}button,input,textarea{background:none;border:none;color:inherit;font-family:inherit}input,textarea{outline:none}a{color:inherit;text-decoration:none}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:#0000}.custom-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px;border-radius:var(--radius-full)}.app{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:480px;position:relative;width:100%}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading-screen{align-items:center;background:var(--color-bg);display:flex;height:100%;justify-content:center}.loading-content{text-align:center}.loading-title{color:var(--color-text);font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.5px}.loading-or{background:linear-gradient(135deg,var(--color-card-a-to),var(--color-card-b-to));border-radius:var(--radius-sm);display:inline-block;font-size:20px;margin:0 4px;padding:2px 10px;vertical-align:middle}.loading-error{color:var(--color-dislike);font-size:14px;margin-top:var(--space-lg)}.loading-dots{display:flex;gap:8px;justify-content:center;margin-top:var(--space-lg)}.dot{animation:dotPulse 1.4s ease-in-out infinite both;background:var(--color-muted);border-radius:50%;height:8px;width:8px}.dot:nth-child(2){animation-delay:.16s}.dot:nth-child(3){animation-delay:.32s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.banned-screen{background:var(--color-bg);inset:0;justify-content:center;padding:var(--space-lg);position:fixed;-webkit-user-select:none;user-select:none;z-index:1000}.banned-card,.banned-screen{align-items:center;display:flex}.banned-card{animation:bannedAppear .4s var(--ease-spring);background:var(--color-bg-elevated);border:1px solid #ef44444d;border-radius:var(--radius-card);box-shadow:0 0 40px #ef444426;flex-direction:column;max-width:380px;padding:var(--space-xl) var(--space-lg);text-align:center;width:100%}@keyframes bannedAppear{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.banned-icon-wrapper{align-items:center;animation:pulseGlow 2.5s ease-in-out infinite;background:#ef44441f;border:1px solid #ef444459;border-radius:var(--radius-full);box-shadow:0 0 24px #ef444440;color:#ef4444;display:flex;height:72px;justify-content:center;margin-bottom:var(--space-lg);width:72px}@keyframes pulseGlow{0%,to{box-shadow:0 0 16px #ef444433}50%{box-shadow:0 0 32px #ef444473}}.banned-icon{height:36px;width:36px}.banned-title{color:var(--color-text);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:var(--space-sm)}.banned-subtitle{color:var(--color-muted);font-size:14px;line-height:1.5;margin-bottom:var(--space-lg)}.banned-info-box{align-items:center;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:#cbd5e1;display:flex;font-size:12px;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:10px 14px;text-align:left;width:100%}.banned-info-dot{background:#ef4444;border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}.banned-actions{flex-direction:column}.banned-actions,.banned-btn{display:flex;gap:var(--space-sm);width:100%}.banned-btn{align-items:center;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;justify-content:center;padding:12px var(--space-md);transition:all var(--duration-fast) var(--ease-smooth)}.banned-btn--primary{background:linear-gradient(135deg,var(--color-card-a-to),var(--color-card-b-to));color:#fff}.banned-btn--primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.banned-btn--primary:active{transform:translateY(0)}.banned-btn--secondary{background:#ffffff0f;border:1px solid var(--glass-border);color:var(--color-text)}.banned-btn--secondary:hover{background:#ffffff1a}.toast{animation:toastIn .3s var(--ease-spring) forwards;left:50%;position:fixed;top:var(--space-lg);transform:translateX(-50%);z-index:1000}.toast-content{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:14px;font-weight:500;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);white-space:nowrap}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{background:var(--color-like);border-radius:50%;font-size:11px;height:20px;justify-content:center;width:20px}.toast-text{color:var(--color-text)}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.card{align-items:center;border-radius:var(--radius-card);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:0;overflow:hidden;padding:var(--space-lg);position:relative;transition:flex-grow var(--duration-card) var(--ease-spring),opacity .4s var(--ease-smooth),filter .4s var(--ease-smooth)}.card--a{background:linear-gradient(160deg,var(--color-card-a-from),var(--color-card-a-to))}.card--b{background:linear-gradient(160deg,var(--color-card-b-from),var(--color-card-b-to))}.card:active{transform:scale(.98);transition:transform 80ms ease}.card--faded{filter:brightness(.8) saturate(.85);opacity:.65}.card--chosen{opacity:1}.card--tap-next{cursor:pointer}.card-text{color:var(--color-text);font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.3;max-width:280px;text-align:center;word-break:break-word}.card-stats{animation:statsReveal .5s var(--ease-spring) forwards;bottom:var(--space-md);position:absolute;right:var(--space-md);text-align:right}.card-percent{display:block;font-family:var(--font-mono);font-size:28px;font-weight:700;line-height:1}.card--a .card-percent{color:var(--color-stat-a)}.card--b .card-percent{color:var(--color-stat-b)}.card-count{display:block;font-family:var(--font-mono);font-size:13px;font-weight:500;margin-top:2px}.card-count,.card-hint{color:var(--color-muted)}.card-hint{animation:hintFadeIn .6s .8s var(--ease-smooth) forwards;bottom:var(--space-sm);font-size:11px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);white-space:nowrap}@keyframes statsReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hintFadeIn{0%{opacity:0}to{opacity:.6}}.or-badge{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--duration-normal) var(--ease-smooth),transform var(--duration-card) var(--ease-spring);z-index:10}.or-badge--hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.7)}.or-badge-text{align-items:center;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;color:var(--color-text);display:flex;font-family:var(--font-display);font-size:14px;font-weight:700;height:56px;justify-content:center;letter-spacing:.5px;width:56px}.card-pair{padding:var(--space-md);padding-bottom:var(--space-sm)}.card-pair,.card-pair-inner{display:flex;flex:1 1;flex-direction:column;min-height:0}.card-pair-inner{gap:6px;position:relative}.card-wrapper{display:flex;min-height:0;transition:flex-grow var(--duration-card) var(--ease-spring)}.card-wrapper .card{flex:1 1;width:100%}.card-pair--empty{align-items:center;justify-content:center;text-align:center}.empty-content{align-items:center;animation:hintFadeIn .6s var(--ease-smooth);background:var(--color-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-width:340px;padding:var(--space-lg);width:100%}.empty-badge-icon{font-size:36px;margin-bottom:var(--space-sm)}.card-pair-empty-text{color:var(--color-text);font-family:var(--font-display);font-size:19px;font-weight:700;margin-bottom:6px}.card-pair-empty-sub{color:var(--color-muted);font-size:13px;line-height:1.45;margin-bottom:var(--space-lg)}.empty-actions{flex-direction:column}.empty-actions,.empty-btn{display:flex;gap:var(--space-sm);width:100%}.empty-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:14px;font-weight:500;justify-content:center;padding:12px var(--space-md);transition:all var(--duration-fast) var(--ease-smooth)}.empty-btn:hover{background:#ffffff1a}.empty-btn:active{transform:scale(.98)}.empty-btn--refresh{background:linear-gradient(135deg,#7c3aed33,#0284c733);border-color:#7c3aed66;color:#fff;font-weight:600}.empty-btn--primary{background:linear-gradient(135deg,var(--color-card-a-to),var(--color-card-b-to));border-color:#0000;box-shadow:0 4px 16px #7c3aed4d;color:#fff;font-weight:600}.refresh-icon{transition:transform .4s ease}.refresh-icon--spinning{animation:spin .8s linear infinite}.bottom-bar{background:var(--color-bg-elevated);border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:space-around;min-height:var(--bar-height);padding:0 var(--space-lg);padding-bottom:max(0px,env(safe-area-inset-bottom))}.bar-btn,.bottom-bar{align-items:center;display:flex}.bar-btn{border-radius:var(--radius-sm);color:var(--color-muted);flex-direction:column;gap:3px;padding:var(--space-sm) var(--space-md);transition:color var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.bar-btn:active:not(:disabled){transform:scale(.92)}.bar-btn:disabled:not(.bar-btn--active){cursor:default;opacity:.35}.bar-btn--disabled.bar-btn--active,.bar-btn:disabled.bar-btn--active{cursor:default;opacity:1}.bar-btn--like.bar-btn--active{animation:popIn .3s var(--ease-spring);color:var(--color-like)}.bar-btn--dislike.bar-btn--active{animation:popIn .3s var(--ease-spring);color:var(--color-dislike)}.bar-btn--comments{color:var(--color-text);opacity:.9}.bar-icon{height:22px;width:22px}.bar-count{font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1}@keyframes popIn{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.comment-item{display:flex;gap:var(--space-md);padding:var(--space-md) 0;transition:background var(--duration-fast) var(--ease-smooth)}.comment-item+.comment-item{border-top:1px solid #ffffff0f}.comment-item--me{background:#7c3aed0a;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-xs)}.comment-avatar{border:1px solid var(--glass-border);border-radius:50%;flex-shrink:0;height:38px;overflow:hidden;width:38px}.comment-avatar-img{height:100%;object-fit:cover;width:100%}.comment-avatar-fallback{align-items:center;background:linear-gradient(135deg,var(--color-card-a-from),var(--color-card-b-from));color:var(--color-text);display:flex;font-family:var(--font-display);font-size:15px;font-weight:700;height:100%;justify-content:center;width:100%}.comment-avatar-fallback--me{background:linear-gradient(135deg,var(--color-card-a-to),var(--color-card-b-to))}.comment-body{flex:1 1;min-width:0}.comment-header{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between;margin-bottom:4px}.comment-author-group{align-items:center;display:flex;gap:6px;min-width:0}.comment-author{color:var(--color-stat-a);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-me-badge{background:linear-gradient(135deg,var(--color-card-a-to),var(--color-card-b-to));border-radius:4px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:1px 6px;text-transform:uppercase}.comment-date{color:var(--color-muted);flex-shrink:0;font-size:11px}.comment-text{color:var(--color-text);font-size:14px;line-height:1.45;word-break:break-word}.comments-panel{background:var(--color-bg);display:flex;flex-direction:column;inset:0;padding-bottom:max(0px,env(safe-area-inset-bottom));padding-top:max(0px,env(safe-area-inset-top));position:fixed;transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-smooth);z-index:60}.comments-panel--open{transform:translateY(0)}.comments-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.comments-close{color:var(--color-muted);font-size:20px;padding:var(--space-xs);transition:color var(--duration-fast) var(--ease-smooth)}.comments-close:hover{color:var(--color-text)}.comments-title{font-family:var(--font-display);font-size:18px;font-weight:600}.comments-count{background:#ffffff14;border-radius:var(--radius-full);color:var(--color-muted);font-size:12px;font-weight:700;padding:2px 8px}.comments-list{flex:1 1;overflow-y:auto;padding:0 var(--space-lg)}.comments-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;padding:var(--space-xl)}.comments-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--color-card-a-to);height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.comments-placeholder{color:var(--color-muted);font-size:14px;text-align:center}.comments-empty{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);height:100%;justify-content:center;min-height:200px}.comments-empty-icon{font-size:32px;margin-bottom:var(--space-xs)}.comments-empty-text{color:var(--color-muted);font-family:var(--font-display);font-size:16px}.comments-empty-sub{color:var(--color-muted);font-size:13px;opacity:.6}.comments-input-area{align-items:flex-end;background:var(--color-bg-elevated);border-top:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.comments-input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text);flex:1 1;font-size:14px;line-height:1.4;max-height:100px;min-height:42px;padding:10px var(--space-md);resize:none;transition:border-color var(--duration-fast) var(--ease-smooth)}.comments-input:focus{border-color:var(--color-card-a-to)}.comments-input::placeholder,.comments-send{color:var(--color-muted)}.comments-send{align-items:center;background:var(--glass-bg);border-radius:50%;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all var(--duration-fast) var(--ease-smooth);width:42px}.comments-send--active{background:linear-gradient(135deg,var(--color-card-a-to),var(--color-card-b-to));box-shadow:0 0 12px #7c3aed4d;color:#fff}.comments-send:disabled{cursor:default;opacity:.6}.comments-btn-spinner{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--overlay-bg);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--duration-normal) var(--ease-smooth);z-index:50}.overlay--visible{opacity:1;pointer-events:auto}.about-page{max-height:80vh;overflow-y:auto;padding:var(--space-lg)}.about-back{color:var(--color-muted);font-size:14px;margin-bottom:var(--space-lg);padding:var(--space-xs) 0;transition:color var(--duration-fast) var(--ease-smooth)}.about-back:hover{color:var(--color-text)}.about-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:var(--space-lg)}.about-content{color:var(--color-muted);display:flex;flex-direction:column;font-size:14px;gap:var(--space-md);line-height:1.65;margin-bottom:var(--space-xl)}.about-content strong{color:var(--color-text)}.about-links{display:flex;flex-direction:column;gap:var(--space-sm)}.about-link{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-stat-a);display:flex;font-size:14px;gap:var(--space-md);padding:var(--space-md);transition:background var(--duration-fast) var(--ease-smooth)}.about-link:active{background:#ffffff1f}.create-card{max-height:80vh;overflow-y:auto;padding:var(--space-lg)}.create-back{color:var(--color-muted);font-size:14px;margin-bottom:var(--space-lg);padding:var(--space-xs) 0;transition:color var(--duration-fast) var(--ease-smooth)}.create-back:hover{color:var(--color-text)}.create-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:var(--space-md)}.create-rules-box{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.create-rules{color:#cbd5e1;font-size:13px;line-height:1.5}.create-fields{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-lg)}.create-field{border-radius:var(--radius-card);box-shadow:0 4px 20px #0000004d;min-height:110px;padding:var(--space-lg);position:relative}.create-field--a{background:linear-gradient(160deg,var(--color-card-a-from),var(--color-card-a-to))}.create-field--b{background:linear-gradient(160deg,var(--color-card-b-from),var(--color-card-b-to))}.create-textarea{background:#0000;color:var(--color-text);font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.4;resize:none;text-align:center;width:100%}.create-textarea::placeholder{color:#ffffff73}.create-counter{bottom:var(--space-sm);color:#fff6;font-family:var(--font-mono);font-size:11px;position:absolute;right:var(--space-md)}.create-submit{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-muted);font-family:var(--font-display);font-size:16px;font-weight:700;padding:14px var(--space-lg);transition:all var(--duration-normal) var(--ease-smooth);width:100%}.create-submit--active{background:linear-gradient(135deg,var(--color-card-a-to),var(--color-card-b-to));border-color:#0000;box-shadow:0 4px 20px #7c3aed66;color:#fff}.create-submit:disabled{cursor:default;opacity:.6}.create-submit--active:active{transform:scale(.98)}.menu-panel{background:var(--color-bg-elevated);border-radius:var(--radius-card) var(--radius-card) 0 0;bottom:0;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:480px;overflow:hidden;position:fixed;transform:translateX(-50%) translateY(100%);transition:transform var(--duration-normal) var(--ease-spring);width:100%;z-index:60}.menu-panel--open{transform:translateX(-50%) translateY(0)}.menu-list{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xl) var(--space-lg)}.menu-item{align-items:center;border-radius:var(--radius-sm);color:var(--color-text);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-md);transition:background var(--duration-fast) var(--ease-smooth)}.menu-item:active{background:#ffffff0f}.menu-icon{align-items:center;background:var(--glass-bg);border-radius:50%;color:var(--color-muted);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.menu-label{font-size:16px;font-weight:500}.app-header{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;flex-shrink:0;height:calc(48px + max(0px, env(safe-area-inset-top)));justify-content:space-between;padding:var(--space-sm) var(--space-md);padding-top:max(var(--space-sm),env(safe-area-inset-top))}.app-logo{color:var(--color-text);font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.3px;-webkit-user-select:none;user-select:none}.app-logo-or{background:linear-gradient(135deg,var(--color-card-a-to),var(--color-card-b-to));border-radius:6px;box-shadow:0 0 10px #7c3aed4d;display:inline-block;font-size:12px;margin:0 3px;padding:1px 6px;vertical-align:middle}.menu-toggle{border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;height:36px;justify-content:center;padding:8px;transition:background var(--duration-fast) var(--ease-smooth);width:36px}.menu-toggle:active{background:#ffffff14}.menu-toggle-line{background:var(--color-text);border-radius:1px;display:block;height:2px;transition:transform var(--duration-normal) var(--ease-smooth);width:100%}
/*# sourceMappingURL=main.76af572c.css.map*/