.compact-mode-hint{display:none;align-items:center;justify-content:center;gap:var(--space-md);width:100%;max-width:var(--app-vw, 100%);margin:0 auto var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--rsize-meta);line-height:1.4;flex:0 0 auto}.compact-mode-hint__text{margin:0;flex:1 1 auto}.compact-mode-hint__dismiss{flex:0 0 auto;min-width:var(--ux-target-mobile);min-height:var(--ux-target-mobile);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);font-size:var(--rsize-meta);line-height:1;cursor:pointer;transition:var(--transition-fast)}.compact-mode-hint__dismiss:hover{background:var(--color-surface-sunken)}html[data-viewport-mode=tablet-responsive]:not([data-compact-hint-dismissed]) body{flex-direction:column;justify-content:flex-start}html[data-viewport-mode=tablet-responsive]:not([data-compact-hint-dismissed]) .compact-mode-hint{display:flex}