.hh-screen{background:radial-gradient(ellipse 100% 50% at 50% 0%, #7163d914 0%, transparent 65%), radial-gradient(ellipse 80% 40% at 100% 100%, #93c5fd0a 0%, transparent 70%), var(--bg-deep);width:100%;height:100%;font-family:var(--font-current);color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow:hidden}.hh-screen-scroll{scrollbar-width:thin;flex:auto;overflow:hidden auto}.hh-screen-scroll::-webkit-scrollbar{width:5px}.hh-screen-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent-primary) 60%, transparent);border-radius:3px}.hh-screen-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.hh-classic-body{flex-direction:column;gap:22px;padding:14px 14px 24px;display:flex}.hh-classic-section--first{margin-top:2px}.hh-classic-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hh-classic-qa,.hh-classic-dailies{flex-direction:column;gap:8px;display:flex}.hh-screen-scroll--bento{background:radial-gradient(80% 50% at 50% 30%,#7163d91a 0%,#0000 60%),radial-gradient(70% 40% at 20% 80%,#fcd34d0a 0%,#0000 70%)}.hh-bento-body{padding:14px 14px 24px}.hh-bento-strip{justify-content:space-between;align-items:center;gap:10px;padding:4px 2px 16px;display:flex}.hh-bento-strip-greet{min-width:0}.hh-bento-strip-greet-line1{color:var(--text-tertiary);font-size:11px}.hh-bento-strip-greet-line2{color:var(--text-primary);font-size:18px;font-weight:700;font-family:var(--font-display-current);margin-top:2px}.hh-bento-strip-meta{flex-shrink:0;gap:6px;display:flex}.hh-bento-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.hh-bento-tile{min-width:0;position:relative}.hh-bento-tile--hero{grid-column:span 6}.hh-bento-tile--coin,.hh-bento-tile--submit{grid-column:span 3}.hh-bento-tile--xp{grid-column:span 4}.hh-bento-tile--rank,.hh-bento-tile--qa-predict,.hh-bento-tile--qa-pack,.hh-bento-tile--qa-invite{grid-column:span 2}.hh-bento-tile--featured,.hh-bento-tile--mission,.hh-bento-tile--sponsor-mission,.hh-bento-tile--daily{grid-column:span 6}.hh-bento-tile--winrate,.hh-bento-tile--mycards{grid-column:span 3}.hh-bento-tile--sponsor-mid,.hh-bento-tile--sponsor{grid-column:span 6}.hh-bento-tile--coin,.hh-bento-tile--submit,.hh-bento-tile--xp,.hh-bento-tile--rank,.hh-bento-tile--winrate,.hh-bento-tile--mycards{min-height:116px}.hh-bento-tile--xp{background:linear-gradient(135deg,#7163d929 0%,#7163d90a 100%);border:1px solid #7163d940;border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.hh-bento-tile--xp:before{content:"";top:-40px;background:var(--accent-primary);opacity:.16;filter:blur(30px);border-radius:50%;width:120px;height:120px;position:absolute;inset-inline-end:-40px}.hh-bento-xp-head{color:var(--accent-primary);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.hh-bento-xp-icon{justify-content:center;align-items:center;display:inline-flex}.hh-bento-xp-lvl-label{color:var(--text-tertiary);font-size:10px;font-weight:500}.hh-bento-xp-lvl-num{color:var(--accent-primary);font-size:13px;font-weight:700}.hh-bento-xp-value{color:var(--text-primary);align-items:baseline;gap:4px;margin-top:2px;font-size:16px;font-weight:700;display:inline-flex}.hh-bento-xp-of{color:var(--text-tertiary);font-size:11px;font-weight:500}.hh-bento-xp-bar{background:#ffffff0f;border-radius:999px;height:6px;margin-top:auto;overflow:hidden}.hh-bento-xp-bar>span{background:linear-gradient(90deg, var(--accent-primary) 0%, var(--accent-primary-2) 100%);height:100%;box-shadow:0 0 12px var(--accent-glow);border-radius:999px;display:block}.hh-bento-tile--rank{background:linear-gradient(135deg,#60a5fa24 0%,#60a5fa05 100%);border:1px solid #60a5fa40;border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.hh-bento-tile--rank:before{content:"";bottom:-30px;background:var(--info);opacity:.16;filter:blur(28px);border-radius:50%;width:100px;height:100px;position:absolute;inset-inline-start:-30px}.hh-bento-rank-head{color:var(--info);font-size:11px;font-weight:600;position:relative}.hh-bento-rank-num{color:var(--info);font-size:22px;font-weight:800;font-family:var(--font-display-current);margin-top:2px;line-height:1;position:relative}.hh-bento-rank-delta{margin-top:auto;font-size:10px;font-weight:600}.hh-bento-rank-delta--up{color:var(--success)}.hh-bento-rank-label{color:var(--text-tertiary);margin-top:4px;font-size:10px}.hh-bento-tile--winrate{background:linear-gradient(135deg,#34d3991f 0%,#34d39905 100%);border:1px solid #34d39940;border-radius:16px;flex-direction:column;justify-content:center;padding:14px;display:flex;position:relative;overflow:hidden}.hh-bento-tile--winrate:before{content:"";top:-30px;background:var(--success);opacity:.14;filter:blur(28px);border-radius:50%;width:100px;height:100px;position:absolute;inset-inline-end:-30px}.hh-bento-winrate-num{color:var(--success);font-size:28px;font-weight:800;font-family:var(--font-display-current);line-height:1}.hh-bento-winrate-label{color:var(--text-primary);margin-top:6px;font-size:11px}.hh-bento-winrate-sub{color:var(--text-tertiary);margin-top:3px;font-size:10px}.hh-bento-tile--mycards .hh-qa-tile,.hh-bento-tile--qa-predict .hh-qa-tile,.hh-bento-tile--qa-pack .hh-qa-tile,.hh-bento-tile--qa-invite .hh-qa-tile{height:100%}.hh-bento-tile--featured .hh-rail{margin-inline:-14px}.hh-desk{background:radial-gradient(ellipse 60% 40% at 80% 0%, #7163d914 0%, transparent 65%), radial-gradient(ellipse 50% 30% at 20% 100%, #93c5fd0a 0%, transparent 70%), var(--bg-deep);width:100%;height:100%;font-family:var(--font-current);color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow:hidden}.hh-desk-body{scrollbar-width:thin;flex:auto;padding:18px 28px 28px;overflow-y:auto}.hh-desk-body::-webkit-scrollbar{width:6px}.hh-desk-body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent-primary) 60%, transparent);border-radius:3px}.hh-desk-body::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.hh-desk-greet{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.hh-desk-greet-line1{color:var(--text-primary);font-size:22px;font-weight:700;font-family:var(--font-display-current);letter-spacing:-.01em}.hh-desk-greet-line2{color:var(--text-secondary);margin-top:4px;font-size:13px}.hh-desk-greet-meta{flex-shrink:0}.hh-desk-greet-meta .hh-btn--lg{color:var(--text-primary);background:linear-gradient(#ffffff29 0%,#ffffff0f 100%);border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0003,0 8px 22px #00000052}.hh-desk-greet-meta .hh-btn--lg:hover{background:linear-gradient(#ffffff38 0%,#ffffff14 100%)}html[dir=rtl] .hh-desk-greet-meta .hh-btn--lg svg{transform:scaleX(-1)}.hh-desk-bento{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.hh-desk-tile{min-width:0}.hh-desk-tile--hero{grid-column:span 8}.hh-desk-tile--side{grid-column:span 4}.hh-desk-tile--stats,.hh-desk-tile--featured{grid-column:span 12}.hh-desk-tile--mission{grid-column:span 7}.hh-desk-tile--qa{grid-column:span 5}.hh-desk-tile--dailies{grid-column:span 7}.hh-desk-tile--pack{grid-column:span 5}.hh-desk-tile--sponsor{grid-column:span 12}.hh-desk-side-stack{flex-direction:column;gap:12px;height:100%;display:flex}.hh-desk-side-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hh-desk-side-row .hh-coin-tile,.hh-desk-side-row .hh-submit-tile{border-radius:14px;gap:8px;padding:12px}.hh-desk-side-row .hh-coin-tile-balance-num{font-size:22px}.hh-desk-side-row .hh-coin-tile-balance-label,.hh-desk-side-row .hh-coin-tile-hint{font-size:10px}.hh-desk-side-row .hh-submit-tile-status{font-size:14px}.hh-desk-side-row .hh-submit-tile-foot{font-size:10px}.hh-desk-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.hh-desk-stats .hh-stat{padding:16px}.hh-desk-stats .hh-stat-value{font-size:24px}.hh-desk-qa-stack{flex-direction:column;gap:10px;display:flex}.hh-desk-dailies{flex-direction:column;gap:8px;display:flex}.hh-desk-tile--featured .hh-rail{margin-inline:0}.hh-desk-tile--featured .hh-rail-track{padding-inline:0}