.filter-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--filter-sidebar-width);background:var(--color-bg);border-right:1px solid var(--color-border-subtle);z-index:calc(var(--z-fixed) + 1);overflow:visible;display:flex;flex-direction:column;transform:translateX(-100%);visibility:hidden}@media (min-width:768px){html.sidebar-open .filter-sidebar{transform:translateX(0);visibility:visible}}.admin-bar .filter-sidebar{top:var(--admin-bar-offset,32px)}@media screen and (max-width:782px){.admin-bar .filter-sidebar{top:var(--admin-bar-offset,46px)}}@media (min-width:1460px){body.has-sidebar .navbar__inner,body.has-sidebar .site-content,body.has-sidebar .site-footer{--_ml:max(0px, calc((100vw - var(--container-max)) / 2));margin-left:var(--_ml);max-width:min(var(--container-max), calc(100vw - var(--_ml)))}html.sidebar-open body.has-sidebar .navbar__inner,html.sidebar-open body.has-sidebar .site-content,html.sidebar-open body.has-sidebar .site-footer{--_ml:max(var(--filter-sidebar-width), calc((100vw - var(--container-max)) / 2));margin-left:var(--_ml);max-width:min(var(--container-max), calc(100vw - var(--_ml)))}}html.sidebar-animating .filter-sidebar{transition:transform 0.3s cubic-bezier(.4,0,.2,1)}html.sidebar-animating body.has-sidebar .navbar__inner,html.sidebar-animating body.has-sidebar .site-content,html.sidebar-animating body.has-sidebar .site-footer{transition:margin-left 0.3s cubic-bezier(.4,0,.2,1),max-width 0.3s cubic-bezier(.4,0,.2,1)}.filter-sidebar-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .6);z-index:calc(var(--z-fixed) + 2)}.filter-sidebar-overlay.is-visible{display:block}@media (max-width:767px){.filter-sidebar{top:0;width:calc(100vw - 60px);max-width:none;z-index:calc(var(--z-fixed) + 3);transition:transform 0.3s cubic-bezier(.4,0,.2,1),visibility 0.3s}.admin-bar .filter-sidebar{top:0}.filter-sidebar.is-open{transform:translateX(0);visibility:visible;overscroll-behavior:contain}html.sidebar-open body.has-sidebar .navbar,html.sidebar-open body.has-sidebar .site-content,html.sidebar-open body.has-sidebar .site-footer{left:0;margin-left:0}}@media (min-width:768px){.filter-sidebar-overlay{display:none!important}}.filter-sidebar__header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--sp-6);gap:var(--sp-3);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:var(--glass-border);flex-shrink:0}.filter-sidebar__title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);font-weight:var(--fw-bold);white-space:nowrap}.filter-sidebar__title .icon{width:1.1em;height:1.1em}.filter-sidebar__header-actions{display:flex;align-items:center;gap:var(--sp-2)}.filter-sidebar__reset{font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);color:var(--color-text-muted);background:var(--color-surface);transition:color var(--duration-fast),background var(--duration-fast)}.filter-sidebar__reset:hover{color:var(--color-text);background:var(--color-elevated)}.filter-sidebar__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;color:var(--color-text-muted);transition:color var(--duration-fast)}.filter-sidebar__close:hover{color:var(--color-text)}@media (min-width:768px){.filter-sidebar__close{display:none}}.filter-sidebar-collapse{display:none;position:absolute;right:-12px;top:calc(var(--header-height) / 2);transform:translateY(-50%);width:24px;height:24px;border-radius:9999px;background:var(--color-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;z-index:2;align-items:center;justify-content:center;transition:color var(--duration-fast),background var(--duration-fast),opacity var(--duration-fast);opacity:0;pointer-events:none;padding:0}.filter-sidebar-collapse .icon{width:14px;height:14px}.filter-sidebar-collapse:hover{color:var(--color-text);background:var(--color-border)}@media (min-width:768px){.filter-sidebar-collapse{display:flex}html.sidebar-open .filter-sidebar-collapse{opacity:1;pointer-events:auto}}.filter-sidebar__body{padding:var(--sp-4) var(--sp-6);flex:1;overflow-y:auto}.filter-toggle{display:flex}@media (min-width:768px){.filter-toggle{display:none}}.filter-group{margin-bottom:var(--sp-4)}.filter-group__label{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-muted);margin-bottom:var(--sp-2)}.filter-group__label .icon{width:.9em;height:.9em}.filter-tag-row{display:flex;gap:6px}.filter-tag-row .filter-tag-input-wrap{flex:1;min-width:0}.filter-popular-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.filter-popular-toggle .icon{width:16px;height:16px}.filter-popular-toggle:hover,.filter-popular-toggle[aria-expanded="true"]{color:var(--color-accent);border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.08)}.filter-popular-tags{display:none;flex-wrap:wrap;gap:6px;margin-top:var(--sp-2);max-height:180px;overflow-y:auto;padding:var(--sp-3);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.filter-popular-tags.is-open{display:flex}.filter-popular-tags .filter-tag{display:inline-flex;align-items:center;gap:4px;padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text-muted);background:rgb(255 255 255 / .06);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);white-space:nowrap}.filter-popular-tags .filter-tag:hover{color:var(--color-text);background:rgb(255 255 255 / .1)}.filter-popular-tags .filter-tag.is-active{color:#fff;background:rgba(var(--color-accent-rgb),.2);border-color:rgba(var(--color-accent-rgb),.4)}.filter-popular-tags .tag__count{font-size:10px;opacity:.5}@media (max-width:767px){.filter-popular-tags{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%);mask-image:linear-gradient(to right,black 80%,transparent 100%)}.filter-popular-tags::-webkit-scrollbar{display:none}.filter-popular-tags .filter-tag{flex-shrink:0}}.filter-tag-input-wrap{position:relative}.filter-tag-input{width:100%;height:36px;padding:0 var(--sp-3);font-size:var(--fs-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast),background var(--duration-fast)}.filter-tag-input::placeholder{color:var(--color-text-muted)}.filter-tag-input:focus{border-color:var(--color-accent)}.filter-tag-suggestions{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:4px;z-index:100;display:none;box-shadow:var(--shadow-lg)}.filter-tag-suggestions.is-active{display:block}.filter-tag-suggestion{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--color-text);background:none;border:none;cursor:pointer;transition:background var(--duration-fast);text-align:left}.filter-tag-suggestion:hover,.filter-tag-suggestion:focus{background:var(--color-border-subtle);outline:none}.filter-tag-suggestion__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-tag-suggestion__count{font-size:var(--fs-xs);color:var(--color-text-muted);margin-left:var(--sp-2)}.filter-tag-suggestions__empty{padding:var(--sp-3);font-size:var(--fs-sm);color:var(--color-text-muted);text-align:center}.filter-selected-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-2)}.filter-selected-tags:empty{display:none}.filter-selected-tag{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px 0 10px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:#fff;background:var(--color-accent);border-radius:var(--radius-full)}.filter-selected-tag__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:rgb(255 255 255 / .2);border:none;border-radius:50%;cursor:pointer;color:#fff;transition:background var(--duration-fast)}.filter-selected-tag__remove:hover{background:rgb(255 255 255 / .35)}.filter-selected-tag__remove .icon{width:10px;height:10px}.filter-selected-tag.is-pinned{padding:0 10px;opacity:.85}.filter-selected-tag--excluded{background:var(--color-danger)}.filter-group--collapsible .filter-group__toggle{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:0;border:none;background:none;color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer}.filter-group__chevron{margin-left:auto;transition:transform var(--duration-fast)}.filter-group__toggle[aria-expanded="true"] .filter-group__chevron{transform:rotate(180deg)}.filter-group__count{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:#fff;background:var(--color-danger);border-radius:var(--radius-full);min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.filter-group__body{margin-top:var(--sp-3)}.filter-excluded-clear{margin-top:var(--sp-2);color:var(--color-danger)}.filter-excluded-clear[hidden]{display:none}.filter-excluded-clear:hover{background:rgb(215 38 56 / .1);color:var(--color-danger)}.filter-btn-group{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.filter-btn-group[data-filter="platform"],.filter-btn-group[data-filter="state"],.filter-btn-group[data-filter="sort"]{grid-template-columns:repeat(3,1fr)}.filter-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast),border-color var(--duration-fast);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.filter-btn:hover{color:var(--color-text);background:var(--color-border)}.filter-btn.is-active{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.filter-lock{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:.4;transition:color var(--duration-fast),opacity var(--duration-fast),background var(--duration-fast)}.filter-lock:hover{opacity:1;color:var(--color-text);background:var(--color-surface)}.filter-lock.is-locked{opacity:1;color:var(--color-accent)}.filter-lock.is-locked:hover{background:rgba(var(--color-accent-rgb),.1)}.filter-lock[hidden]{display:none}.filter-lock .icon{width:12px;height:12px}.filter-group__toggle-row{display:flex;align-items:center;gap:var(--sp-1)}.filter-group__toggle-row .filter-group__toggle{flex:1;min-width:0}.sort-order-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.sort-order-toggle:hover{color:var(--color-text);background:var(--color-border)}.sort-order-toggle .icon{width:14px;height:14px;transition:transform var(--duration-fast)}.sort-order-toggle[data-order="ASC"] .icon{transform:rotate(180deg)}.filter-group--row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.filter-group__col{min-width:0}.filter-select{position:relative}.filter-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text);background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.filter-select__trigger:hover{background:rgb(255 255 255 / .07);border-color:rgb(255 255 255 / .18)}.filter-select__trigger[aria-expanded="true"]{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.08)}.filter-select__trigger.has-value{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.filter-select__trigger.has-value:hover{background:var(--color-accent-hover)}.filter-select__chevron{width:14px;height:14px;flex-shrink:0;transition:transform var(--duration-fast)}.filter-select__trigger[aria-expanded="true"] .filter-select__chevron{transform:rotate(180deg)}.filter-select__trigger.has-value .filter-select__chevron{color:rgb(255 255 255 / .7)}.filter-select__dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px rgb(0 0 0 / .45),0 0 0 1px rgb(255 255 255 / .04);z-index:var(--z-dropdown);padding:var(--sp-2)}.filter-select__dropdown.is-open{display:block}.filter-select__option{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:8px 10px;font-size:var(--fs-sm);color:var(--color-text);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--duration-fast),color var(--duration-fast)}.filter-select__option:hover{background:rgb(255 255 255 / .07);color:#fff}.filter-select__option.is-active{background:rgba(var(--color-accent-rgb),.12);color:var(--color-accent);font-weight:var(--fw-semibold)}.filter-select__option.is-active:hover{background:rgba(var(--color-accent-rgb),.18)}.filter-select__option[data-value]::before{content:'';width:16px;height:16px;border:1.5px solid rgb(255 255 255 / .18);border-radius:4px;flex-shrink:0;transition:background var(--duration-fast),border-color var(--duration-fast)}.filter-select__option[data-value=""]:not(.is-active)::before{display:none}.filter-select__option[data-value=""].is-active::before{display:none}.filter-select__option:hover[data-value]::before{border-color:rgb(255 255 255 / .3)}.filter-select__option.is-active[data-value]::before{background:var(--color-accent);border-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:11px}.filter-tag{cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.filter-tag.is-active{background:rgba(var(--color-accent-rgb),.15);color:var(--color-accent)}.tag__count{margin-left:var(--sp-1);font-size:.7em;opacity:.6}.filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--sp-4)}.filter-chips:empty{display:none}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-medium);background:var(--color-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text)}.filter-chip--excluded{background:rgb(215 38 56 / .15);border-color:rgb(215 38 56 / .3);color:var(--color-danger)}.filter-chip__remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;font-size:var(--fs-sm);line-height:1}.filter-chip__remove:hover{color:var(--color-text)}.game-card-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-bottom:1px solid var(--color-border-subtle);text-decoration:none;color:var(--color-text);transition:background var(--duration-fast)}.game-card-row:hover{background:var(--color-elevated)}.game-card-row__thumb{width:72px;height:43px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:cover}.game-card-row__title{flex:1;min-width:0;font-size:var(--fs-sm);font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-row__meta{font-size:var(--fs-xs);color:var(--color-text-muted);white-space:nowrap}.game-card-row__state{font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:2px var(--sp-2);border-radius:var(--radius-sm);background:var(--color-elevated);color:var(--color-text-muted);white-space:nowrap}@media (max-width:768px){.game-card-row__meta{display:none}}.view-toggle{display:flex;align-items:center;gap:2px;background:var(--color-elevated);border-radius:var(--radius-sm);padding:2px}.view-toggle__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.view-toggle__btn:hover{color:var(--color-text)}.view-toggle__btn.is-active{color:var(--color-text);background:var(--color-surface)}.view-toggle__btn .icon{width:16px;height:16px}.game-grid--list{grid-template-columns:1fr;gap:var(--sp-4)}.game-grid--list .game-card:not(.game-card--detailed),.game-grid--list .game-card-wrap{display:none}.game-grid--list .game-card--detailed{display:flex;margin-bottom:0}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skel-line,.skel-pill,.skel-dot,.skel-tag,.skel-stat,.skel-cell{background:linear-gradient(90deg,var(--color-elevated) 25%,var(--color-border-subtle) 50%,var(--color-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skel-line{height:14px}.game-card-wrap--skeleton{display:flex;flex-direction:column;gap:var(--sp-3)}.game-card--skeleton{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.game-card--skeleton .game-card__thumb{aspect-ratio:5 / 3;background:linear-gradient(90deg,rgb(255 255 255 / .03) 25%,rgb(255 255 255 / .08) 50%,rgb(255 255 255 / .03) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skel-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--color-border-subtle)}.skel-pill{width:56px;height:16px;border-radius:var(--radius-full)}.skel-dot{width:16px;height:16px;border-radius:var(--radius-full);opacity:.4}.skel-bar-right{margin-left:auto;display:flex;gap:4px}.skel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.skel-stat{height:52px;border-radius:var(--radius-sm)}.game-card-list--skeleton{display:flex;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.game-card-list--skeleton .skel-thumb{width:280px;min-width:280px;align-self:stretch;background:linear-gradient(90deg,rgb(255 255 255 / .03) 25%,rgb(255 255 255 / .07) 50%,rgb(255 255 255 / .03) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-right:1px solid var(--color-border-subtle)}.game-card-list--skeleton .skel-body{flex:1;min-width:0;padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:8px}.skel-tags{display:flex;gap:var(--sp-2);margin-top:4px}.skel-tag{width:56px;height:20px;border-radius:var(--radius-full);opacity:.5}.skel-tag:nth-child(2){width:72px}.skel-tag:nth-child(3){width:48px}.skel-tag:nth-child(4){width:64px}.skel-cells{display:flex;gap:var(--sp-2);margin-top:auto;flex-wrap:wrap}.skel-cell{flex:1;height:52px;border-radius:var(--radius-sm);min-width:60px}@media (max-width:767px){.game-card-list--skeleton{flex-direction:column}.game-card-list--skeleton .skel-thumb{width:100%;min-width:0;aspect-ratio:16 / 7}.skel-cells{flex-wrap:wrap}.skel-cell{flex:0 0 calc(33.333% - var(--sp-2))}}.navbar__filter-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:var(--fw-bold);color:#fff;background:var(--color-accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.archive-header{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-4)}.archive-header__left{display:flex;align-items:center;gap:var(--sp-4)}.archive-header__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0}.archive-header__count{font-size:var(--fs-sm);color:var(--color-text-muted);margin-left:auto}@media (min-width:768px){.archive-header{flex-direction:row;align-items:center}.archive-header__title{order:-1;flex:1}.archive-header__count{margin-left:0}}.gxu-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gx-sp-2);padding:var(--gx-sp-2) var(--gx-sp-4);font-size:var(--gx-text-sm);font-weight:600;line-height:1.5;border:1px solid #fff0;border-radius:var(--gx-radius-md);cursor:pointer;transition:background var(--gx-transition),border-color var(--gx-transition),color var(--gx-transition);text-decoration:none;font-family:inherit}.gxu-btn--primary{background:var(--gx-accent);color:#fff;border-color:var(--gx-accent)}.gxu-btn--primary:hover{background:var(--gx-accent-hover);border-color:var(--gx-accent-hover)}.gxu-btn--secondary{background:var(--gx-bg-tertiary);color:var(--gx-text-primary);border-color:var(--gx-border)}.gxu-btn--secondary:hover{background:var(--gx-bg-card-hover);border-color:var(--gx-border-light)}.gxu-btn--danger{background:var(--gx-danger);color:#fff;border-color:var(--gx-danger)}.gxu-btn--danger:hover{opacity:.9}.gxu-btn--sm{padding:var(--gx-sp-1) var(--gx-sp-3);font-size:var(--gx-text-xs)}.gxu-btn--full{width:100%}.gxu-btn__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:gxu-spin 0.6s linear infinite}.gxu-btn__spinner[hidden]{display:none}@keyframes gxu-spin{to{transform:rotate(360deg)}}.gxu-form-group{display:flex;flex-direction:column;gap:var(--gx-sp-1)}.gxu-form-label{font-size:var(--gx-text-sm);font-weight:600;color:var(--gx-text-primary)}.gxu-form-input{padding:var(--gx-sp-3);background:var(--gx-bg-input);border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);color:var(--gx-text-primary);font-size:1rem;font-family:inherit;transition:border-color var(--gx-transition),box-shadow var(--gx-transition);outline:none}.gxu-form-input:focus{border-color:var(--gx-accent);box-shadow:0 0 0 3px rgba(var(--gx-accent-rgb),.15)}.gxu-form-input.is-invalid{border-color:var(--gx-danger)}.gxu-form-textarea{resize:vertical;min-height:80px}.gxu-form-hint{font-size:var(--gx-text-xs);color:var(--gx-text-muted)}.gxu-radio-group{display:flex;gap:var(--gx-sp-4)}.gxu-radio{display:flex;align-items:center;gap:var(--gx-sp-2);font-size:var(--gx-text-sm);color:var(--gx-text-primary);cursor:pointer}.gxu-auth__error,.gxu-msg--error{padding:var(--gx-sp-3);background:rgb(225 112 85 / .1);border:1px solid rgb(225 112 85 / .3);border-radius:var(--gx-radius-md);color:var(--gx-danger);font-size:var(--gx-text-sm)}.gxu-auth__success,.gxu-msg--success{padding:var(--gx-sp-3);background:rgb(0 184 148 / .1);border:1px solid rgb(0 184 148 / .3);border-radius:var(--gx-radius-md);color:var(--gx-success);font-size:var(--gx-text-sm)}.gxu-heart{display:inline-flex;align-items:center;gap:var(--gx-sp-1);background:none;border:none;cursor:pointer;color:var(--gx-text-secondary);padding:var(--gx-sp-1);border-radius:var(--gx-radius-sm);transition:color var(--gx-transition),transform var(--gx-transition);font-family:inherit;font-size:var(--gx-text-sm)}.gxu-heart:hover{color:#ff4757}.gxu-heart.is-favorited{color:#ff4757}.gxu-heart.is-favorited .gxu-heart__icon{fill:#ff4757;stroke:#ff4757}.gxu-heart.is-animating{animation:gxu-heart-pop 0.35s ease}@keyframes gxu-heart-pop{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}100%{transform:scale(1)}}.gxu-heart__icon{flex-shrink:0}.gxu-heart__count{font-variant-numeric:tabular-nums}.gxu-heart--card{position:absolute;top:var(--gx-sp-2);right:var(--gx-sp-2);z-index:2;background:rgb(0 0 0 / .6);backdrop-filter:blur(4px);border-radius:var(--gx-radius-full);padding:6px;color:rgb(255 255 255 / .8)}.gxu-heart--card:hover{background:rgb(0 0 0 / .8);color:#ff4757}.gxu-heart--toolbar{padding:var(--gx-sp-1) var(--gx-sp-3);background:var(--gx-bg-secondary);border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);color:var(--gx-text-secondary);font-size:var(--gx-text-sm);font-weight:600;height:34px}.gxu-heart--toolbar:hover{border-color:var(--gx-border-light);color:#ff4757}.gxu-heart--toolbar[aria-label]::after{display:none}.gxu-heart--bar{padding:var(--gx-sp-2) var(--gx-sp-3);background:var(--gx-bg-tertiary);border-radius:var(--gx-radius-md);font-size:var(--gx-text-sm);font-weight:600}.gxu-heart--bar:hover{background:var(--gx-bg-card-hover)}.gxu-game-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gx-sp-2);margin:var(--gx-sp-4) 0}.gxu-status-selector{display:flex;flex-wrap:wrap;gap:var(--gx-sp-1)}.gxu-status-btn{display:inline-flex;align-items:center;gap:var(--gx-sp-1);padding:var(--gx-sp-2) var(--gx-sp-3);background:var(--gx-bg-tertiary);border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);color:var(--gx-text-secondary);font-size:var(--gx-text-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:background var(--gx-transition),border-color var(--gx-transition),color var(--gx-transition);white-space:nowrap}.gxu-status-btn:hover{background:var(--gx-bg-card-hover);border-color:var(--gx-border-light);color:var(--gx-text-primary)}.gxu-status-btn.is-active{background:var(--gx-accent);border-color:var(--gx-accent);color:#fff}.gxu-status-btn.is-active:hover{background:var(--gx-accent-hover);border-color:var(--gx-accent-hover)}.gxu-status-btn.is-loading{opacity:.6;pointer-events:none}.gxu-status-btn__icon{font-size:.85em;line-height:1}.gxu-card-status{position:absolute;bottom:var(--gx-sp-2);left:var(--gx-sp-2);z-index:2;display:none;align-items:center;gap:3px;padding:2px 8px;background:var(--gx-accent);color:#fff;font-size:11px;font-weight:600;border-radius:var(--gx-radius-sm);line-height:1.6;pointer-events:none}.gxu-card-status:not(:empty){display:inline-flex}.gxu-card-status--playing{background:#3b82f6}.gxu-card-status--completed{background:#22c55e}.gxu-card-status--plan_to_play{background:#a855f7}.gxu-card-status--dropped{background:#ef4444}.gxu-card-status--on_hold{background:#f59e0b}.gxu-user-nav{position:relative}.gxu-user-nav__trigger{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--gx-radius-full);transition:box-shadow var(--gx-transition)}.gxu-user-nav__trigger:hover,.gxu-user-nav__trigger[aria-expanded="true"]{box-shadow:0 0 0 2px var(--gx-accent)}.gxu-user-nav__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.gxu-user-nav__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--gx-bg-secondary);border:1px solid var(--gx-border);border-radius:var(--gx-radius-lg);box-shadow:var(--gx-shadow-lg);z-index:var(--gx-z-dropdown);overflow:hidden}.gxu-user-nav__dropdown[hidden]{display:none}.gxu-user-nav__header{padding:var(--gx-sp-3) var(--gx-sp-4);border-bottom:1px solid var(--gx-border)}.gxu-user-nav__header strong{display:block;color:var(--gx-text-primary);font-size:var(--gx-text-sm)}.gxu-user-nav__header span{display:block;color:var(--gx-text-muted);font-size:var(--gx-text-xs)}.gxu-user-nav__menu{padding:var(--gx-sp-2) 0}.gxu-user-nav__menu a{display:flex;align-items:center;gap:var(--gx-sp-2);padding:var(--gx-sp-2) var(--gx-sp-4);color:var(--gx-text-primary);text-decoration:none;font-size:var(--gx-text-sm);transition:background var(--gx-transition)}.gxu-user-nav__menu a:hover{background:var(--gx-bg-tertiary)}.gxu-user-nav__menu a svg{flex-shrink:0;color:var(--gx-text-muted)}.gxu-user-nav__divider{height:1px;background:var(--gx-border);margin:var(--gx-sp-2) 0}.gxu-login-btn{color:var(--gx-text-secondary)}.gxu-login-btn:hover{color:var(--gx-accent)}@media (max-width:767px){.gxu-user-nav,.gx-navbar__btn.gxu-login-btn{display:none}}.gxu-mobile-user{padding:var(--gx-sp-3) 0;border-bottom:1px solid var(--gx-border)}.gxu-mobile-user__header{display:flex;align-items:center;gap:var(--gx-sp-3);padding:var(--gx-sp-2) var(--gx-sp-3);margin-bottom:var(--gx-sp-1)}.gxu-mobile-user__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--gx-border)}.gxu-mobile-user__header strong{display:block;color:var(--gx-text-primary);font-size:var(--gx-text-sm);font-weight:600}.gxu-mobile-user__header span{display:block;color:var(--gx-text-muted);font-size:var(--gx-text-xs)}.gxu-mobile-user__nav{display:flex;flex-direction:column}.gxu-mobile-user__footer{border-top:1px solid var(--gx-border);margin-top:var(--gx-sp-1);padding-top:var(--gx-sp-1)}.gxu-mobile-user .gxu-mobile-user__link{display:flex;align-items:center;gap:var(--gx-sp-3);padding:var(--gx-sp-3) var(--gx-sp-3);color:var(--gx-text-secondary);text-decoration:none;font-size:var(--gx-text-sm);font-weight:500;border-radius:var(--gx-radius-md);background:none;transition:color var(--gx-transition),background var(--gx-transition)}.gxu-mobile-user .gxu-mobile-user__link:hover{color:var(--gx-text-primary);background:var(--gx-bg-tertiary)}.gxu-mobile-user .gxu-mobile-user__link .gx-icon{width:18px;height:18px;flex-shrink:0;opacity:.6}.gxu-mobile-user .gxu-mobile-user__link:hover .gx-icon{opacity:1}.gxu-mobile-user .gxu-mobile-user__link--cta{color:var(--gx-accent);font-weight:600}.gxu-mobile-user .gxu-mobile-user__link--cta .gx-icon{opacity:1}.gxu-mobile-user .gxu-mobile-user__link--danger{color:var(--gx-danger)}.gxu-mobile-user .gxu-mobile-user__link--danger .gx-icon{opacity:.8}.gxu-mobile-user .gxu-mobile-user__link--danger:hover{background:rgb(225 112 85 / .1);color:var(--gx-danger)}.gxu-auth-modal{position:fixed;inset:0;z-index:var(--gx-z-modal);display:flex;align-items:center;justify-content:center}.gxu-auth-modal[hidden]{display:none}.gxu-auth-modal__overlay{position:absolute;inset:0;background:var(--gx-bg-overlay)}.gxu-auth-modal__card{position:relative;background:var(--gx-bg-secondary);border:1px solid var(--gx-border);border-radius:var(--gx-radius-xl);padding:var(--gx-sp-6) var(--gx-sp-6) var(--gx-sp-4);max-width:400px;width:90%;box-shadow:var(--gx-shadow-lg)}.gxu-auth-modal__close{position:absolute;top:var(--gx-sp-3);right:var(--gx-sp-3);background:none;border:none;color:var(--gx-text-muted);cursor:pointer;padding:var(--gx-sp-1)}.gxu-auth-modal__close:hover{color:var(--gx-text-primary)}.gxu-auth-modal__tabs{display:flex;gap:0;margin-bottom:var(--gx-sp-5);border-bottom:1px solid var(--gx-border)}.gxu-auth-modal__tab{flex:1;padding:var(--gx-sp-3) var(--gx-sp-4);background:none;border:none;border-bottom:2px solid #fff0;font-size:var(--gx-text-sm);font-weight:600;font-family:inherit;color:var(--gx-text-muted);cursor:pointer;transition:color var(--gx-transition),border-color var(--gx-transition)}.gxu-auth-modal__tab:hover{color:var(--gx-text-primary)}.gxu-auth-modal__tab.is-active{color:var(--gx-accent);border-bottom-color:var(--gx-accent)}.gxu-auth-modal__form{display:flex;flex-direction:column;gap:var(--gx-sp-4)}.gxu-auth-modal__form[hidden]{display:none}.gxu-auth-modal__msg{padding:var(--gx-sp-3);border-radius:var(--gx-radius-md);font-size:var(--gx-text-sm)}.gxu-auth-modal__msg[hidden]{display:none}.gxu-auth-modal__turnstile{min-height:0;transition:min-height 0.2s}.gxu-auth-modal__turnstile:not(:empty){min-height:65px}.gxu-auth-modal__footer{margin-top:var(--gx-sp-4);padding-top:var(--gx-sp-3);border-top:1px solid var(--gx-border);text-align:center}.gxu-auth-modal__link{font-size:var(--gx-text-xs);color:var(--gx-text-muted);text-decoration:none}.gxu-auth-modal__link:hover{color:var(--gx-accent)}.gxu-navbar-login{display:inline-flex;align-items:center;padding:var(--gx-sp-1) var(--gx-sp-4);background:var(--gx-accent);color:#fff;border:none;border-radius:var(--gx-radius-full);font-size:var(--gx-text-sm);font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--gx-transition);white-space:nowrap;line-height:1.5}.gxu-navbar-login:hover{background:var(--gx-accent-hover);color:#fff}.gxu-toolbar-status{position:relative}.gxu-toolbar-status__trigger{width:auto!important;padding:var(--gx-sp-1) var(--gx-sp-3);gap:var(--gx-sp-1);background:var(--gx-bg-secondary);border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);font-size:var(--gx-text-sm);font-weight:600;font-family:inherit;height:34px}.gxu-toolbar-status__trigger:hover{border-color:var(--gx-border-light)}.gxu-toolbar-status__trigger[aria-label]::after{display:none}.gxu-toolbar-status__trigger.has-status{position:relative}.gxu-toolbar-status__trigger.has-status::before{display:none}.gxu-toolbar-status__label{white-space:nowrap}.gxu-toolbar-status__popover{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:var(--gx-bg-secondary);border:1px solid var(--gx-border);border-radius:var(--gx-radius-lg);box-shadow:var(--gx-shadow-lg);z-index:var(--gx-z-dropdown);overflow:hidden;padding:var(--gx-sp-1) 0}.gxu-toolbar-status__popover[hidden]{display:none}.gxu-toolbar-status__header{padding:var(--gx-sp-2) var(--gx-sp-3);font-size:var(--gx-text-xs);font-weight:600;color:var(--gx-text-muted);text-transform:uppercase;letter-spacing:.05em}.gxu-toolbar-status__option{display:flex;align-items:center;gap:var(--gx-sp-2);width:100%;padding:var(--gx-sp-2) var(--gx-sp-3);background:#fff0;border:none;border-radius:0;color:var(--gx-text-primary);font-size:var(--gx-text-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:background var(--gx-transition);text-align:left;white-space:nowrap}.gxu-toolbar-status__option:hover{background:var(--gx-bg-tertiary)}.gxu-toolbar-status__option.is-active{background:#fff0;border-color:#fff0;color:var(--gx-text-primary);font-weight:600}.gxu-toolbar-status__option.is-active:hover{background:var(--gx-bg-tertiary)}.gxu-toolbar-status__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%}.gxu-toolbar-status__check{margin-left:auto;color:var(--gx-accent);flex-shrink:0}.gxu-avatar-initials{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gxu-avatar-grad);color:#fff;font-weight:700;letter-spacing:.02em;user-select:none;flex-shrink:0;line-height:1}.gxu-mobile-user__avatar.gxu-avatar-initials{border:2px solid var(--gx-border)}.gxu-stars{display:inline-flex;align-items:center;gap:2px}.gxu-star{color:var(--gx-border);transition:color 0.15s;display:inline-flex}.gxu-star svg{fill:currentColor;stroke:none}.gxu-star.is-filled{color:var(--gx-accent,#4786eb)}.gxu-star.is-half{color:var(--gx-accent,#4786eb);opacity:.6}.gxu-stars--interactive .gxu-star{cursor:pointer}.gxu-stars--interactive .gxu-star.is-hovered{color:var(--gx-accent-hover,#1a68e6)}.gxu-rating-summary{display:flex;align-items:center;gap:var(--gx-sp-3);padding:var(--gx-sp-4) 0;border-bottom:1px solid var(--gx-border);margin-bottom:var(--gx-sp-4)}.gxu-rating-summary__score{display:flex;align-items:baseline;gap:2px}.gxu-rating-summary__number{font-size:var(--gx-text-2xl,1.5rem);font-weight:700;color:var(--gx-text-primary);line-height:1}.gxu-rating-summary__max{font-size:var(--gx-text-sm);color:var(--gx-text-muted)}.gxu-rating-summary__count{font-size:var(--gx-text-sm);color:var(--gx-text-muted)}.gxu-review-form{padding:var(--gx-sp-4) 0;border-bottom:1px solid var(--gx-border);margin-bottom:var(--gx-sp-4)}.gxu-review-form__label{font-size:var(--gx-text-sm);font-weight:600;color:var(--gx-text-primary);margin:0 0 var(--gx-sp-2)}.gxu-review-form__textarea{width:100%;margin-bottom:var(--gx-sp-2);box-sizing:border-box}.gxu-review-form__fields[hidden]{display:none}.gxu-review-form__actions{display:flex;gap:var(--gx-sp-2);align-items:center}.gxu-review-login{font-size:var(--gx-text-sm);color:var(--gx-text-muted);padding:var(--gx-sp-4) 0;border-bottom:1px solid var(--gx-border);margin-bottom:var(--gx-sp-4)}.gxu-review-login a{color:var(--gx-accent);font-weight:600}.gxu-review-item{display:flex;gap:var(--gx-sp-3);padding:var(--gx-sp-3) 0}.gxu-review-item+.gxu-review-item{border-top:1px solid var(--gx-border)}.gxu-review-item__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.gxu-review-item__body{flex:1;min-width:0}.gxu-review-item__header{display:flex;align-items:center;gap:var(--gx-sp-2);flex-wrap:wrap;margin-bottom:var(--gx-sp-1)}.gxu-review-item__author{font-size:var(--gx-text-sm);font-weight:600;color:var(--gx-text-primary)}.gxu-review-item__stars .gxu-stars{gap:1px}.gxu-review-item__stars .gxu-star svg{width:14px;height:14px}.gxu-review-item__date{font-size:var(--gx-text-xs);color:var(--gx-text-muted)}.gxu-review-item__text{font-size:var(--gx-text-sm);color:var(--gx-text-secondary);line-height:var(--gx-leading-relaxed,1.6);white-space:pre-line}.gxu-hero-rating{display:flex;align-items:center;gap:var(--gx-sp-3,12px);flex-shrink:0}.gxu-hero-rating__community,.gxu-hero-rating__yours{display:flex;flex-direction:column;align-items:center;gap:4px}.gxu-hero-rating__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgb(255 255 255 / .55);line-height:1}.gxu-hero-rating__score{display:flex;align-items:center;gap:4px}.gxu-hero-rating__star-icon{fill:var(--gx-accent,#4786eb);color:var(--gx-accent,#4786eb);flex-shrink:0}.gxu-hero-rating__avg{font-size:1.125rem;font-weight:700;color:#fff;line-height:1}.gxu-hero-rating__max{font-size:.8125rem;color:rgb(255 255 255 / .5);font-weight:500}.gxu-hero-rating__count{font-size:.6875rem;color:rgb(255 255 255 / .35);line-height:1;font-variant-numeric:tabular-nums}.gxu-hero-rating__divider{width:1px;height:36px;background:rgb(255 255 255 / .15);flex-shrink:0}.gxu-hero-rating__popularity{display:flex;flex-direction:column;align-items:center;gap:2px}.gxu-hero-rating__rank{display:flex;align-items:center;gap:4px}.gxu-hero-rating__trend-icon{color:#22c55e;flex-shrink:0}.gxu-hero-rating__rank-num{font-size:1.125rem;font-weight:700;color:#fff;line-height:1;font-variant-numeric:tabular-nums}.gxu-hero-rating__rate-btn{display:flex;align-items:center;gap:6px;background:#fff0;border:none;cursor:pointer;padding:var(--gx-sp-1,4px) var(--gx-sp-2,8px);border-radius:var(--gx-radius-md,8px);color:rgb(255 255 255 / .9);font-family:inherit;font-size:1rem;font-weight:600;transition:background 0.15s,color 0.15s}.gxu-hero-rating__rate-btn:hover{background:rgb(255 255 255 / .1);color:#fff}.gxu-hero-rating__rate-icon{fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}.gxu-hero-rating__rate-btn.is-rated .gxu-hero-rating__rate-icon{fill:#3b82f6;stroke:#3b82f6;color:#3b82f6}.gxu-hero-rating__rate-btn.is-rated{color:#3b82f6}.gxu-hero-rating__rate-text{line-height:1}.gxu-rate-modal{position:fixed;inset:0;z-index:var(--gx-z-modal,9999);display:flex;align-items:center;justify-content:center}.gxu-rate-modal[hidden]{display:none}.gxu-rate-modal__overlay{position:absolute;inset:0;background:var(--gx-bg-overlay,rgb(0 0 0 / .6))}.gxu-rate-modal__card{position:relative;background:var(--gx-bg-secondary,#1a1f2e);border:1px solid var(--gx-border,rgb(255 255 255 / .1));border-radius:var(--gx-radius-xl,16px);padding:var(--gx-sp-8,32px) var(--gx-sp-6,24px) var(--gx-sp-6,24px);max-width:360px;max-height:90vh;overflow-y:auto;width:90%;transition:max-width 0.25s ease;box-shadow:var(--gx-shadow-lg,0 16px 48px rgb(0 0 0 / .4));text-align:center}.gxu-rate-modal__card.is-writing{max-width:520px}.gxu-rate-modal__close{position:absolute;top:var(--gx-sp-3,12px);right:var(--gx-sp-3,12px);background:none;border:none;color:var(--gx-text-muted,rgb(255 255 255 / .4));cursor:pointer;padding:var(--gx-sp-1,4px)}.gxu-rate-modal__close:hover{color:var(--gx-text-primary,#fff)}.gxu-rate-modal__hero-star{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--gx-sp-2,8px)}.gxu-rate-modal__hero-star svg{fill:var(--gx-border,rgb(255 255 255 / .15));transition:fill 0.2s}.gxu-rate-modal__hero-star.is-active svg{fill:#3b82f6}.gxu-rate-modal__hero-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.125rem;font-weight:700;color:#fff;line-height:1;pointer-events:none}.gxu-rate-modal__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--gx-text-muted,rgb(255 255 255 / .4));margin:0 0 var(--gx-sp-1,4px)}.gxu-rate-modal__title{font-size:var(--gx-text-lg,1.125rem);font-weight:700;color:var(--gx-text-primary,#fff);margin:0 0 var(--gx-sp-4,16px);line-height:1.3}.gxu-rate-modal__stars{display:flex;align-items:center;justify-content:center;gap:var(--gx-sp-2,8px);margin-bottom:var(--gx-sp-4,16px)}.gxu-rate-modal__star{display:inline-flex;background:none;border:none;padding:0;cursor:pointer;color:var(--gx-border,rgb(255 255 255 / .15));transition:color 0.15s,transform 0.15s}.gxu-rate-modal__star svg{fill:currentColor;stroke:none}.gxu-rate-modal__star.is-filled{color:var(--gx-accent,#4786eb)}.gxu-rate-modal__star.is-hovered{color:var(--gx-accent-hover,#1a68e6);transform:scale(1.1)}.gxu-rate-modal__textarea{display:block;width:100%;box-sizing:border-box;padding:var(--gx-sp-2,8px) var(--gx-sp-4,16px);background:var(--gx-bg-input,rgb(255 255 255 / .05));border:1px solid var(--gx-border,rgb(255 255 255 / .1));border-radius:999px;color:var(--gx-text-primary,#fff);font-size:.9375rem;font-family:inherit;text-align:center;resize:none;overflow:hidden;outline:none;min-height:0;transition:border-radius 0.2s,min-height 0.2s,text-align 0.2s,padding 0.2s,border-color 0.2s,font-size 0.2s;margin-bottom:var(--gx-sp-4,16px)}.gxu-rate-modal__textarea:focus,.gxu-rate-modal__textarea.is-expanded{border-radius:var(--gx-radius-md,8px);min-height:80px;text-align:left;padding:var(--gx-sp-3,12px);overflow-y:auto}.gxu-rate-modal__textarea:focus{border-color:var(--gx-accent,#3b82f6);box-shadow:0 0 0 3px rgb(59 130 246 / .15)}.gxu-rate-modal__submit{display:block;width:100%;padding:var(--gx-sp-3,12px);background:var(--gx-accent,#3b82f6);color:#fff;border:none;border-radius:var(--gx-radius-md,8px);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background 0.15s,opacity 0.15s}.gxu-rate-modal__submit:hover:not(:disabled){background:var(--gx-accent-hover,#2563eb)}.gxu-rate-modal__submit:disabled{opacity:.4;cursor:not-allowed}.gxu-rate-modal__submit.is-golden{background:var(--gx-accent,#4786eb)}.gxu-rate-modal__submit.is-golden:hover:not(:disabled){background:var(--gx-accent-hover,#1a68e6)}.gxu-rate-modal__submit.is-loading{opacity:.6;pointer-events:none}.gxu-rate-modal__delete{display:block;width:100%;padding:var(--gx-sp-2,8px);margin-top:var(--gx-sp-2,8px);background:#fff0;color:var(--gx-text-muted,rgb(255 255 255 / .4));border:none;border-radius:var(--gx-radius-md,8px);font-size:var(--gx-text-sm,.875rem);font-weight:500;font-family:inherit;cursor:pointer;transition:color 0.15s,background 0.15s}.gxu-rate-modal__delete:hover{color:var(--gx-danger,#ef4444);background:rgb(239 68 68 / .08)}.gxu-rate-modal__delete[hidden]{display:none}.gxu-rate-modal__delete.is-loading{opacity:.6;pointer-events:none}.gx-card__thumb{position:relative}