:root{--bg:var(--han-bg-canvas);--surface:var(--han-surface-1);--surface-2:var(--han-surface-2);--border:var(--han-border);--text:var(--han-text-1);--text-dim:var(--han-text-2);--accent:var(--han-accent);--accent-soft:var(--han-accent-soft);--danger:var(--han-danger);--ok:var(--han-success);--warn:var(--han-warning);--radius:var(--han-radius-md);--radius-sm:var(--han-radius-sm);--shadow-pop:var(--han-shadow-3)}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;background:var(--han-bg-app);height:100%;color:var(--han-text-1);font-family:var(--han-font-sans);font-size:var(--han-font-ui);margin:0;overflow:hidden}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--han-focus-ring);outline-offset:1px}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}*{scrollbar-width:thin;scrollbar-color:var(--han-scrollbar-thumb) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--han-scrollbar-thumb);border-radius:var(--han-radius-full);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--han-scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:var(--han-duration-instant)!important;animation-duration:var(--han-duration-instant)!important}}.han-tip{z-index:var(--han-z-flyout);align-items:center;gap:var(--han-space-1);padding:var(--han-space-1) var(--han-space-2);white-space:nowrap;background:var(--han-surface-1);border:1px solid var(--han-float-border);border-radius:var(--han-radius-sm);box-shadow:var(--han-float-shadow-sm);color:var(--han-text-1);font-size:var(--han-text-sm);font-weight:var(--han-weight-regular);pointer-events:none;opacity:0;transition:opacity var(--han-duration-fast) var(--han-ease-standard);display:flex;position:absolute}:hover>.han-tip{opacity:1;transition-delay:.3s}[data-layout=tablet] .han-tip,[data-layout=tablet] .flyout-item kbd,[data-layout=tablet] .action-btn kbd{display:none}.han-tip kbd{font-family:var(--han-font-mono);font-size:var(--han-text-xs);padding:0 var(--han-space-1);border:1px solid var(--han-border);border-radius:var(--han-radius-xs);color:var(--han-text-2);background:var(--han-surface-1);line-height:1.4}.han-tip--right{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.han-tip--bottom{top:calc(100% + 10px);right:0}.han-tip--top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}